react

React 是一个非常灵活的前端库，它内部和生态系统中广泛应用了许多经典的设计模式。这些设计模式帮助开发者编写可维护、可扩展的组件和应用。以下是 React 中常用的一些设计模式及其例子： 1. 单例

在过去的几年中，React 的流行度一直在增加，而且还在加速。React 每周的 npm 下载量超过 1400 万次 ，React Devtools Chrome 扩展有超过 300 万 的周活跃用户

react渲染执行顺序 useEffect 执行时机：React 完成 DOM 更新后且浏览器绘制结束后，异步调用。不阻塞渲染 执行顺序: 挂载时会执行一次副作用（传入的函数）（注：开发环境严格模式下

什么是 IndexedDB IndexedDB 是一种低级的 API，用于在用户的浏览器中存储大量结构化数据。它允许你创建、读取、更新和删除对象存储（Object Store）中的数据，并支持事务，以

什么是 Web Worker Web Worker 是一种在后台线程中运行 JavaScript 的机制，允许开发者将计算密集型任务移出主线程，从而避免阻塞用户界面。Web Worker 可以在不影响

react的核心可以用ui=fn(state)来表示，更详细可以用 上面的fn可以分为如下一个部分： Scheduler（调度器）： 排序优先级，让优先级高的任务先进行reconcile Reconc

一、View和Model的关系图解 dva是一个基于redux和redux-saga的数据流方案，原则上来说分为全局model和局部model，在很多中大型项目都建议采用这种方式，而不是简单的stat

三者都是用于解决父子嵌套，父组件状态变化导致子组件也会做无用的重新渲染问题。 解析 1.子组件不包含状态值（react.memo()） 当父组件未给子组件传递任何属性，我们可以通过React.memo

useState 1.维护一个有序的数组，由上到下有序地存储声明的useState的值，存在指针（cusor）概念，初始值为0，每次执行一个useState，cusor需要+1，一个指针对应一个sta

首先要理解浏览器的网页加载 js线程->JS脚本执行 GUI线程->渲染html 浏览器布局、绘制 我们知道，JS可以操作DOM，GUI渲染线程与JS线程是互斥的。所以JS脚本执行和浏览器布局、绘制不

```js //chainWebpack.js // 打包配置，image未测试 const staticDir = 'xxx_static'; const isDev = process.env.N

一、修饰符是什么 修饰符：类中的 成员的修饰符，主要是描述类中的成员（属性，构造方法，方法）的 可访问性 类中的成员都有自己的 默认修饰符 public 修饰符有哪几种？ public：公共的，任何位

需求：下载远程压缩成zip的csv文件后并读取csv转化为json 用到的库： jszip(压缩/解压 zip文件)，papaparse（csv转json） 主要通过blob二进制格式进行格式转化 直

const Index = () => { // useSelector 通过getState()方法找到demo的data const state = useSelector(state => st

1、在 less 文件中定义变量并将其导出为 js，CSS Module 有一个:export关键字，它在功能上等同于 ES6 的关键字export，即导出一个 js 对象。 Less 2、在需要使用

在umi项目中，以安装electron的形式，实现web端及桌面端同步开发，实现一套代码多端使用的目的。 需实现支持打包成win64位及win32位及mac的安装包。

目录 结合React+TypeScript进行Electron开发 electron基本简介 为什么选择electron？ 快速上手 2.1 安装React(template为ts) 2.2 快速配置

2.1 工程创建 1. 初始化项目  yarn create @umijs/umi-app  2. 安装依赖  yarn 3. 配置多环境 config.local.ts // 本地临时配置文件 (后

1.redux中的数据，在刷新（手动或者js触发）页面时，就会消失（或者说被重新初始化），无法持久化。 2.sessionStorage中的数据，关闭浏览器后消失（会话结束），且按域存储。 3.loc

主要利用v6版本的Hook useRoutes()完成配置，关于useRoutes()的介绍可以看官网https://reactrouter.com/en/main/hooks/use-routes