首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
react
阳焰觅鱼
创建于2025-07-13
订阅专栏
react
暂无订阅
共23篇文章
创建于2025-07-13
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
合成事件
为什么要用合成事件 更好的兼容性和跨平台 方便事件统一管理 绑定到根节点上, 减少内存消耗, 我们的事件挂载的越多内存消耗就越高 避免频繁解绑 其他 为什么: react16绑定到document,
后端一次性返回10万条数据
虚拟列表 浏览器能否处理 js没问题 渲染到dom会非常卡顿 第三方lib Vue-virtual-scroll-list React-virtualiszed 自定义中间层 自定义中间层, 获取并拆
redux
redux-redux-redux-redux-redux-redux-redux-redux-redux-redux-redux-redux-redux-redux-redux-redux-redu
vue-router 和 react-router
react-router 设计上和 vue-router 一样 三种模式 memory history 不修改 url ,路由地址在内存中,但页面刷新会重新回到首页。 browser history
受控组件&非受控组件
受控组件 一般优先使用受控组件, 符合react设计原则 对于有大量表单元素的页面,使用受控组件会使程序变得繁琐难控,此时使用非受控组件更为明智 非受控组件 对比上面的受控组件 必须操作dom时使用非
react性能优化
shouldComponentUpdate react默认: 父组件更新, 子组件就会更新 通过shouldComponentUpdate阻止一些不必要的更新 shouldComponentUpdat
react-hooks坑
获取不到最新值 useEffect中的异步获取不到最新值 解决 无限循环 依赖不能是引用类型, setCount触发render -> render触发setCount -> setCount触发re
render props
code sand box 使用..................................
useState同步还是异步?
有时异步 异步的情况 同步的情况 对象合并 合并的情况 不合并的写法................
react原理
react源码中全局变量 调度器schedule scheduleRoot 调度器的工作就给全局变量 workInProgressRoot赋值 双缓存就是指的这里 增量渲染 什么是增量渲染: Fibe
useState
.........................,,,,,,,,,,,,,,,,,,,,,,,,,,
双向数据绑定
v-model v-model 就是 v-input v-bind 的语法糖 原理.........
react生命周期
挂载时 constructor render 更新dom和refs componentDidMount: 一般在这里调用ajax 更新时 shouldComponentUpdate render 更新
diff
参考: 图解 React 的 diff 算法:核心就两个字 —— 复用 - 掘金 (juejin.cn) 同级比较 爷爷辈只和爷爷辈比较,孙子辈子和孙子辈比较 React 的 diff 算法是分成两次
虚拟dom
特点 虚拟dom就是一个描述真实dom的js对象 跨平台,虚拟dom不仅可以变成DOM,还可以变成小程序,IOS,安卓应用,因为虚拟dom本质上只是一个js对象 让开发变得简单,让代码更容易维护 直接
HOC高阶组件
code sand box 使用..................................
权限管理
页面权限 前端管理 把所有路由信息在前端配置 通过路由守卫要求用户登录 用户登录后通过角色权限过滤出路由表 最有通过router.addRouter()动态添加路由信息 普通路由 动态添加路由 权限验
useEffect
监听普通变量 点击按钮修改变量n useEffect是监听不到的 因为修改变量n没有触发重新渲染 我们在修改变量n时,触发重新渲染,此时可以监听到变量n 手写 v1.0 注意: useEffect(c
React 中如何创建Refs
useRef 回调ref 你也可以在函数组件中使用回调 Refs。这种方式下,你会提供 一个函数,该函数会在组件挂载和卸载时分别被调用,并将 DOM 节点或 组件实例作为参数。 这两种创建 Ref 的
react通讯
createContext解决了什么问题? 你需要把一个 prop层层传递给深层嵌套的子组件时, 就可以用createContex 点击组件A, 修改组件b的颜色 React父组件如何与子组件通信?
下一页