2020年9月8日
性能优化（三）：浏览器渲染原理 和 关键渲染路径
摘要： 一，浏览器的渲染流程 浏览器渲染原理：读取html，css文本，构建DOM树。（DOM ，CSSOM）- DOMtree 关键渲染路径： javascript（触发视觉变化） - style（样式计算，css改变） - Layout（布局）- Paint（绘制）- Composite（合层） 二，回 阅读全文
posted @ 2020-09-08 20:25 毛栗的demo 阅读(306) 评论(0) 推荐(0)
性能优化（二）：常见的性能优化API
摘要： performanceconnectionrequestIdleCallback （增加浏览器的空闲时间，一帧16ms之后，还有剩余时间。。react时间调度原理，用requestAnimationFrame代替requestIdleCallback实现）... 一，关键时间节点 window.ad 阅读全文
posted @ 2020-09-08 18:35 毛栗的demo 阅读(378) 评论(0) 推荐(0)
用户离开 / 用户进来
摘要： // 监听用户进来 或 用户出去 let vE = 'visibilitychange' if(document.webkitHidden != 'undefined') { //兼容 vE = 'webkitvisibilitychange' } function visibilityChange 阅读全文
posted @ 2020-09-08 17:19 毛栗的demo 阅读(95) 评论(0) 推荐(0)