react v16知识点积累

解决的问题:

页面卡顿的问题。因为v15的版本,从调用setstate,到产生新虚拟树和老虚拟树比对生成更新列表,更新俩表在更新真实的dom节点。而新老虚拟dom的对比耗时会随着项目复杂度增加,所以如果时间过程页面就会变卡顿了。

卡顿的原因:FPS,动画之行之所以感觉是连续性的,是以极快的速度播放静态的图片,,利用视网膜残留效应让人产生动起来的错觉。同理 浏览器 绘制页面,这个频率是每秒60次,也就是16毫秒(1桢)就要进行一次周期性的重绘行为。

v16 利用 requestAnimationFrame 和 requestCallback来解决。

requestAnimationFrame:告诉浏览器,在下一次重绘之前调用这个方法接受的回调函数

requestAnimationFrame(function(){ // do something })

requestldleCallback:当浏览器美桢渲染出现空余时间就调用注册的回调,如果还有回调没有触发就放在以后的空余时间中调用

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容