reducer状态react
keycloak~对接login-status-iframe页面判断用户状态变更
上次我们说了，keycloak的login-status-iframe页面的作用，并解决了跨域情况下，iframe与主页面数据传递的方法，这一次，我们主要分析login-status-iframe.html这个文件的源码，然后分析在我们系统中如何与这个页面对接。 login-status-ifram ......
MySQL常用服务器状态命令(运维)
查询当前服务器运行的进程 方式一：查询正在运行的所有MySQL进程，包括进程ID、用户、主机、当前数据库、命令、时间等信息。 show processlist; 方式二：可以查询正在运行的所有MySQL进程，包括进程ID、用户、主机、当前数据库、命令、时间等信息，并且可以添加筛选条件及排序方式。 s ......
盘点前端的那些Ajax请求：从ES5到React
说起前端开发，Ajax请求是绕不开的技术点。然而，程序语言更新换代越来越快，Ajax请求的方式也是各有不同。 在使用ES5开发的时候，我们还在使用最原始的XMLHttpRequest对象： // createXHR函数，返回浏览器支持的异步请求对象 function createXHR() { if ......
Debian12 （雷池WAF SafeLine）通过 EUI64 固定 IPv6 地址后缀、获取无状态 SLAAC
说明 Debian 12 （KDE 桌面）网络管理（IPv4、IPv6）已默认不再由 内核 直接管理，转而使用由 NetworkManager 管理。 若要固定 IPv6 后缀并实现 SLAAC 无状态管理，则需要修改 NetworkManager 配置。 图形界面配置网络 配置完成后，检查网络地址 ......
服务器出现大量TIME_WAIT 、CLOSE_WAIT状态的原因有哪些
一、服务器出现大量CLOSE_WAIT 状态的原因CLOSE_WAIT 状态，它是TCP四次挥手的第二次挥手被动关闭方的状态。 当服务端出现大量 CLOSE_WAIT 状态的连接的时候，说明服务端的程序没有调用 close 函数关闭连接。 二、服务器出现大量TIME_WAIT 状态的原因TIME_W ......
React 基础 —— 各种 hooks 的使用场景
hooks 1. useRef ref 属于组件实例的共享变量（相当于class 组件中的 this.xxx）。直接修改 ref.current 不会触发组件的重渲染。 Caveats ① 常用于事件处理函数中共享与读写 ref import { useRef } from 'react'; exp ......
常见HTTP状态码与常见编程语言应用
常见HTTP状态码与常见编程语言应用 我之前问过一些初中级工程师，他们并不是每一个人都清楚。但确实很重要。您应该知道的 HTTP 状态代码 HTTP 的响应代码分为五类： 以下是一些常见的HTTP状态码及其含义：1xx（信息性状态码）：这些状态码表示请求已被接收，继续处理。100 Continue： ......
React Native记录
React Native记录 真机调试 adb devices 保证手机使用adb可以正常连接 adb kill-server 如果无内容，断开手机连接，执行此命令后重新连接手机 操作包 react-native-fs 操作文件系统 react-native-image-picker 允许您从设备库 ......
react Hooks+Context 实现响应式布局
1. 创建文件 viewportContext.tsx import React from "react"; const defaultValue = { width: window.innerWidth } const viewportContext = React.createContext(d ......
React 项目启动在 chrome 上报错 之 Uncaught TypeError: Cannot read property ‘forEach‘ of undefined
chrome上报错如下： 原因：安装React Developer Tools导致的，关闭这个插件就行 ......
从DevOps状态报告看技术团队的文化建设
本文源自一次内部分享，借由此机会又把历年的DevOps状态报告翻看了一遍，其实大多数时候我们对于DevOps的理解都在于流程，工具，实践这些看得见摸得着的东西，但就像文末的几点思考所说的那样，我们一直相信技术可以改变世界，但很多时候，你要先改变人才能改变世界，而改变人是最难的。所以从文化的层面反过来 ......
React 之使用 antd 实现全局 loading
使用 antd 的 Spin 实现 Loading 代码如下： fullLoading.tsx import ReactDOM from "react-dom/client"; import { Spin } from "antd"; // 全局加载 loading // 当前请求的个数 // 当同 ......
react问题集
视图层报错 分析原因：当渲染子组件AuthMenuAdd时，导致Com组件无法更新。并没有明确的具体原因。经排查： 如何让子组件在父组件加载完或一定条件下才开始加载？ （1）类组件可以用 shouldComponentUpdate ； （2）函数组件可以通过useEffect监听redux（使用us ......
【FPGA基础】状态机
状态机由状态寄存器和组合逻辑电路组成；在不同的当前状态下，能够控制信号的变化进行状态的转移，从而实现相关信号的赋值，完成特定控制时序的设计。 状态机的三个基本要素： 状态变迁（当前状态current_state和下一状态next_state 输入条件（状态变化的触发事件 输出赋值（状态机设计的主要目 ......
Flutter Key 以及通过Key获取子组件的状态和方法
import 'package:flutter/material.dart'; class ColorItem { GlobalKey key; Color color; //设置子组件的key，这里用的GlobalKey，用来后面获取子组件 //如果不用获取子组件，也可以用Valuekey Col ......
MegaCli 监控raid状态
简介 MegaCli是一款管理维护硬件RAID软件，可以通过它来了解当前raid卡的所有信息，包括 raid卡的型号，raid的阵列类型，raid 上各磁盘状态，等等。通常，我们对硬盘当前的状态不太好确定，一般通过机房人员巡检来完成，有没有通过软件的方式来检查确定这个问题呢。MegaCli就可以做到 ......
React Antd Table 数据渲染按钮触发onClick事件解决办法
react在渲染时会触发table里面的rander函数下的onClick方法 我的onClick是触发Modal 弹窗 且close后还是会一直触发Modal弹窗 初始代码如下 { title: '操作', key: 'operation', fixed: 'right', width: 100, ......
React项目中报错：Parsing error: The keyword 'import' is reservedeslint
记得更改完配置后，要重启编辑器（如：VSCode）!!! 记得更改完配置后，要重启编辑器（如：VSCode）!!! 记得更改完配置后，要重启编辑器（如：VSCode）!!! 这个错误通常发生在你尝试在一个不支持 ES6 模块语法的环境中使用 import 关键字。 ESLint 默认使用的是 ES5 ......
C++ Qt开发：StatusBar底部状态栏组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`QStatusBar`底部状态栏组件的常用方法及灵活运用。`QStatusBar` 是 Qt 中用于在主窗口底部... ......
状态模式 State
一、定义 一个对象存在多个状态（不同状态下行为不同），且状态可相互转换 二、适用场景 如：播放器，播放/暂停都是状态，不同状态下行为不同 三、优缺点 1、优点 将不同的状态隔离 把各种状态的转换逻辑，分不到State的子类中，减少相互间依赖 增加新的状态非常简单 2、缺点 状态多的业务场景会导致类数 ......
React Hooks的使用规范和最佳实践
React Hooks自从推出以来，彻底改变了React组件的编写方式。它们提供了一种在函数组件中使用state和其他React特性的能力，从而使得函数组件更加强大和灵活。本文将深入探讨useEffect、useMemo、useCallback和useState这四种常用Hooks的特点、优缺点，以 ......
React中在非组件中获取到路由信息
1. 安装history包：yarn add history 2. 创建 utils/history.js文件 3. 在app.js中使用我们新建的路由并配置history参数 4. 通过响应拦截器处理 token 失效，如果发现是401调回到登录页 代码实现 utils/history // ht ......
神经网络优化篇：为什么正则化有利于预防过拟合呢？（Why regularization reduces overfitting?）
为什么正则化有利于预防过拟合呢？ 通过两个例子来直观体会一下。 左图是高偏差，右图是高方差，中间是Just Right。 现在来看下这个庞大的深度拟合神经网络。知道这张图不够大，深度也不够，但可以想象这是一个过拟合的神经网络。这是的代价函数\(J\)，含有参数\(W\)，\(b\)。添加正则项，它可 ......
玩转Spring状态机
本文主要介绍了设计模式中的状态模式，并在此基础上介绍了Spring状态机相关的概念，并根据常见的订单流转场景，介绍了Spring状态机的使用方式。文中如有不当之处，欢迎在评论区批评指正。 ......
100道React高频题整理(附答案背诵版)
1、简述React有什么特点？ React是一个用于构建用户界面的JavaScript库，由Facebook开发并维护。React有以下几个主要特点： 声明式设计： React采用声明式设计，让代码更易于理解，且方便调试。你只需描述出你希望程序的最终状态，React会自动确保用户界面与你描述的状态保 ......
Android12 隐藏状态栏导航栏
客户需要开机就隐藏导航栏和状态栏，平台是RK3568，代码整理如下： Index: device/rockchip/rk356x/device.mk device/rockchip/rk356x/device.mk (revision 2442) +++ device/rockchip/rk356x ......
css适配ios状态栏和IOS底部安全区域的样式代码记录
safe-area-inset-left: 安全区域距离左边界的距离safe-area-inset-right: 安全区域距离右边界的距离safe-area-inset-top: 安全区域距离顶部边界的距离safe-area-inset-bottom: 安全区域距离底部边界的距离 css适配ipho ......
flutter中去除导航栏与状态栏
方法一 SystemChrome.setEnabledSystemUIMode(SystemUiMode.manual, overlays: [SystemUiOverlay.bottom]); //隐藏状态栏 上方黑边 SystemChrome.setEnabledSystemUIMode(Sys ......