10 2020 档案

摘要:缘起 React虚拟DOM的调和和渲染可以简单粗暴的递归,但是这个过程是同步的,如果需要处理的节点过多,可能会阻塞用户输入和动画播放,布局等造成卡顿,Fiber是16.x引入的新特性,用处是将同步的调和变成异步的。 1. 简单概述 它是React16之后新加入的一种异步VDom调和机制(当前默认没有 阅读全文
posted @ 2020-10-25 12:38 lswtianliang 阅读(648) 评论(0) 推荐(0)
摘要:Redux是从Flux这个编程思想的一种实现,或者说从Flux演变而来,同时还做了些封装和变换,让开发者更容易对前端应用状态进行管理和维护。由于Redux的成功,也逐渐演化出其他的一些类似框架,如mobx,vuex等等。 很多人喜欢说Redux接入之后,就是MC*框架了,我个人理解是,这个就是一个很 阅读全文
posted @ 2020-10-20 09:27 lswtianliang 阅读(138) 评论(0) 推荐(0)
摘要:先来点总结性发言 setState({obj})这种形式,本质上与我们所说的异步编程概念上是不同的,只是React这个UI库内置的提升性能的一种方式,它只是把其生命周期函数和合成事件中多次操作state合并在为一次操作,避免组件多次触发更新带来的开销,一次setState,实际会go through 阅读全文
posted @ 2020-10-19 23:54 lswtianliang 阅读(239) 评论(0) 推荐(0)
摘要:谈到React优化,估计说的最多的就是减少子组件渲染,减少真实DOM操作等。 一 减少渲染 1. shouldComponentUpdate 通过对Props和State的浅比较,如果没有变化,return false,避免重复多余的render方法调用,省去虚拟DOM的生成和对比过程,提高性能。 阅读全文
posted @ 2020-10-17 23:38 lswtianliang 阅读(146) 评论(0) 推荐(0)