首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
react
irving同学46238
创建于2022-09-23
订阅专栏
react,redux
暂无订阅
共20篇文章
创建于2022-09-23
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
react中使用了哪些设计模式?前端开发中常见的设计模式
React 是一个非常灵活的前端库,它内部和生态系统中广泛应用了许多经典的设计模式。这些设计模式帮助开发者编写可维护、可扩展的组件和应用。以下是 React 中常用的一些设计模式及其例子: 1. 单例
react渲染的方案及未来
在过去的几年中,React 的流行度一直在增加,而且还在加速。React 每周的 npm 下载量超过 1400 万次 ,React Devtools Chrome 扩展有超过 300 万 的周活跃用户
react官网查缺补漏
react渲染执行顺序 useEffect 执行时机:React 完成 DOM 更新后且浏览器绘制结束后,异步调用。不阻塞渲染 执行顺序: 挂载时会执行一次副作用(传入的函数)(注:开发环境严格模式下
indexDb 的原理,react中如何使用indexDb
什么是 IndexedDB IndexedDB 是一种低级的 API,用于在用户的浏览器中存储大量结构化数据。它允许你创建、读取、更新和删除对象存储(Object Store)中的数据,并支持事务,以
Web Worker的原理,react中如何使用Web Worker
什么是 Web Worker Web Worker 是一种在后台线程中运行 JavaScript 的机制,允许开发者将计算密集型任务移出主线程,从而避免阻塞用户界面。Web Worker 可以在不影响
react知识点总结
react的核心可以用ui=fn(state)来表示,更详细可以用 上面的fn可以分为如下一个部分: Scheduler(调度器): 排序优先级,让优先级高的任务先进行reconcile Reconc
在umi+dva中使用useDispatch、useSelector替代dva中的connect
一、View和Model的关系图解 dva是一个基于redux和redux-saga的数据流方案,原则上来说分为全局model和局部model,在很多中大型项目都建议采用这种方式,而不是简单的stat
memo()、useCallback()、useMemo()在性能优化中的用法解析与归纳
三者都是用于解决父子嵌套,父组件状态变化导致子组件也会做无用的重新渲染问题。 解析 1.子组件不包含状态值(react.memo()) 当父组件未给子组件传递任何属性,我们可以通过React.memo
useState与useEffect 的原理
useState 1.维护一个有序的数组,由上到下有序地存储声明的useState的值,存在指针(cusor)概念,初始值为0,每次执行一个useState,cusor需要+1,一个指针对应一个sta
requestIdleCallback和requestAnimationFrame,浏览器的渲染步骤和造成卡顿原因
首先要理解浏览器的网页加载 js线程->JS脚本执行 GUI线程->渲染html 浏览器布局、绘制 我们知道,JS可以操作DOM,GUI渲染线程与JS线程是互斥的。所以JS脚本执行和浏览器布局、绘制不
umi 打包时,修改打包后的静态资源路径
```js //chainWebpack.js // 打包配置,image未测试 const staticDir = 'xxx_static'; const isDev = process.env.N
ts 类中的修饰符
一、修饰符是什么 修饰符:类中的 成员的修饰符,主要是描述类中的成员(属性,构造方法,方法)的 可访问性 类中的成员都有自己的 默认修饰符 public 修饰符有哪几种? public:公共的,任何位
前端远程下载csv的zip文件,解压后转为json数据
需求:下载远程压缩成zip的csv文件后并读取csv转化为json 用到的库: jszip(压缩/解压 zip文件),papaparse(csv转json) 主要通过blob二进制格式进行格式转化 直
在umi+dva中使用useDispatch、useSelector替代dva中的connect
const Index = () => { // useSelector 通过getState()方法找到demo的data const state = useSelector(state => st
如何在 js 中使用 less 的全局变量
1、在 less 文件中定义变量并将其导出为 js,CSS Module 有一个:export关键字,它在功能上等同于 ES6 的关键字export,即导出一个 js 对象。 Less 2、在需要使用
使用umi+electron实现web端和桌面端同步开发
在umi项目中,以安装electron的形式,实现web端及桌面端同步开发,实现一套代码多端使用的目的。 需实现支持打包成win64位及win32位及mac的安装包。
结合React进行Electron开发
目录 结合React+TypeScript进行Electron开发 electron基本简介 为什么选择electron? 快速上手 2.1 安装React(template为ts) 2.2 快速配置
umijs创建react项目
2.1 工程创建 1. 初始化项目 yarn create @umijs/umi-app 2. 安装依赖 yarn 3. 配置多环境 config.local.ts // 本地临时配置文件 (后
redux和sessionStorage,localStorage的区别
1.redux中的数据,在刷新(手动或者js触发)页面时,就会消失(或者说被重新初始化),无法持久化。 2.sessionStorage中的数据,关闭浏览器后消失(会话结束),且按域存储。 3.loc
react-router-dom6 路由配置(数组配置项形式),并且实现懒加载
主要利用v6版本的Hook useRoutes()完成配置,关于useRoutes()的介绍可以看官网https://reactrouter.com/en/main/hooks/use-routes