213浏览

0评论

了解 shouldComponentUpdate 吗

React 虚拟 dom 技术要求不断的将 dom 和虚拟 dom 进行 diff 比较，如果 dom 树比价大，这种比较操作会比较耗时，因此 React 提供了 shouldComponentUpdate 这种补丁函数，如果对于一些变...

• 空空 / react / 2022-12-06

205浏览

0评论

React 性能优化方案

1）重写 shouldComponentUpdate 来避免不必要的 dom 操作。 2）使用 production 版本的 React.js。 3）使用 key 来帮助 React 识别列表中所有子组件的最小变化...

• 空空 / react / 2022-12-05

219浏览

0评论

diff 算法?

1.把树形结构按照层级分解，只比较同级元素。 2.给列表结构的每个单元添加唯一的 key 属性，方便比较。 3.React 只会匹配相同 class 的 component（这里面的 class 指的是组件的名字） 4...

• 空空 / react / 2022-12-05

235浏览

0评论

为什么虚拟 dom 会提高性能

虚拟 dom 相当于在 js 和真实 dom 中间加了一个缓存，利用 dom diff 算法避免了没有必要的 dom 操作，从而提高性能。 具体实现步骤如下： 1.用 JavaScript 对象结构表示 DOM 树的结构；然...

• 空空 / react / 2022-12-05

263浏览

0评论

React 性能优化是哪个周期函数

shouldComponentUpdate 这个方法用来判断是否需要调用 render 方法重新描绘 dom。因为 dom 的描绘非常消耗性能，如果我们能在 shouldComponentUpdate 方法中能够写出更优化的 dom d...

• 空空 / react / 2022-12-05

197浏览

0评论

React 生命周期函数

一、初始化阶段： getDefaultProps:获取实例的默认属性 getInitialState:获取每个实例的初始化状态 componentWillMount：组件即将被装载、渲染到页面上 render:组...

• 空空 / react / 2022-12-05

251浏览

0评论

redux 有什么缺点

1.一个组件所需要的数据，必须由父组件传过来，而不能像 flux 中直接从 store 取。 2.当一个组件相关数据更新时，即使父组件不需要用到这个组件，父组件还是会重新render，可能会有效率影响，或者需要写复杂的 shoul...

• 空空 / react / 2022-12-05

230浏览

0评论

redux 中间件

中间件提供第三方插件的模式，自定义拦截 action -> reducer 的过程。变为 action ->middlewares -> reducer 。这种机制可以让我们改变数据流，实现如异步 action ，ac...

• 空空 / react / 2022-12-05

169浏览

0评论

说说你对 proxy 的理解

vue 的数据劫持有两个缺点: 1、无法监听通过索引修改数组的值的变化 2、无法监听 object 也就是对象的值的变化 所以 vue2.x 中才会有$set 属性的存在 proxy 是 es6 中推出的新 ap...

• 空空 / vue / 2022-12-04

149浏览

0评论

vue 在 created 和 mounted 这两个生命周期中请求数据有什么区别呢？

看实际情况，一般在 created（或 beforeRouter） 里面就可以，如果涉及到需要页面加载完成之后的话就用 mounted。 在 created 的时候，视图中的 html 并没有渲染出来，所以此时如果直接去操作 ht...

• 空空 / vue / 2022-12-04