摘要: 为什么虚拟 dom 会提高性能 虚拟 dom 相当于在 js 和真实 dom 中间加了一个缓存,利用 dom diff 算法避免了没有必要 的 dom 操作,从而提高性能 具体实现步骤如下: 用 JavaScript 对象结构表示 DOM 树的结构;然后用这个树构建一个真正的 DOM 树, 插到文档 阅读全文
posted @ 2022-12-15 07:57 beifeng11996 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 性能优化 性能优化,永远是面试的重点,性能优化对于 React 更加重要 在页面中使用了setTimout()、addEventListener()等,要及时在componentWillUnmount()中销毁 使用异步组件 使用 React-loadable 动态加载组件 shouldCompon 阅读全文
posted @ 2022-12-15 07:56 beifeng11996 阅读(11) 评论(0) 推荐(0) 编辑
摘要: 调和阶段 setState内部干了什么 当调用 setState 时,React会做的第一件事情是将传递给 setState 的对象合并到组件的当前状态 这将启动一个称为和解(reconciliation)的过程。和解(reconciliation)的最终目标是以最有效的方式,根据这个新的状态来更新 阅读全文
posted @ 2022-12-15 07:55 beifeng11996 阅读(161) 评论(0) 推荐(0) 编辑
摘要: 提问:react项目中的JSX里,onChange={this.func.bind(this)}的写法,为什么要比非bind的func = () => {}的写法效率高? 声明: 由于本人水平有限,有考虑不周之处,或者出现错误的,请严格指出,小弟感激不尽。这是小弟第一篇文章,有啥潜规则不懂的,你们就 阅读全文
posted @ 2022-12-15 07:53 beifeng11996 阅读(23) 评论(0) 推荐(0) 编辑