如何提升⻚⾯响应交互？

• CPU卡顿：⼤量计算操作导致的性能问题
• IO卡顿：⽹络请求延时的，⽆法快速响应

React是如何解决卡顿的问题

CPU卡顿

• 在浏览器刷新频率为60HZ的情况下（即1000ms / 60HZ = 16.6ms）浏览器刷新⼀次
• 浏览器⾥JS线程与GUI线程是互斥的，不可同时执⾏，所以JS脚本和浏览器的render、painting不能 同时执⾏，所以执⾏顺序为： JS脚本执⾏ ->样式布局 ->样式绘制 ，JS执⾏时间超过16.6ms， 就不会执⾏render与painting了

新老框架对比

React15：

• Reconciler（协调器）—— 负责找出变化的组件
• Renderer（渲染器）—— 负责将变化的组件渲染到⻚⾯上