React 源码学习
将一个最简单的组件渲染到页面上,查看她的函数调用栈,可以将其划分为三个部分
产生更新 —— 调度
需要决定更新什么组件 —— 协调
将更新的组件渲染到页面 —— 渲染
React的设计理念
React为了践行快速响应的设计理念,做了那些事情呢?
React 解决 GPU的瓶颈
主流浏览器的刷新频率为 60Hz
1000ms / 60Hz = 16.6ms 浏览器刷新一次
在这16.6ms中,会依次执行 JavaScript -> 样式布局 -> 样式绘制
如果JS脚本执行超过了16.6m
原创
2020-11-11 22:58:22 ·
338 阅读 ·
0 评论