qq_44169219的博客

浏览器的运行机制 构建DOM树：渲染引擎解析HTML文档，将所有标签转换为DOM树中的DOM节点生成内容树 构建渲染树：解析对应的CSS样式文件信息，样式树与DOM树结合构建成渲染树 布局渲染树：从根节点递归调用，计算每一个元素的大小、位置等，给出每个节点所应该在屏幕上出现的精确坐标 绘制渲染树：遍历渲染树，使用UI后端层来绘制每一个节点 重绘 定义：当一个元素的属性确定后，浏览器根据这...

在前端开发中，常常会用到例如scroll、mousemove等持续触发的事件，这样的事件引起的操作有可能会导致页面卡顿，我们希望这样的事件不要频繁的触发执行回调。 防抖和节流是前端性能优化的两种方式。 相同点：将频繁的回调函数进行次数缩减，避免大量计算导致页面卡顿 不同点：防抖是将多次执行变为一次执行；节流是将多次执行变为在规定时间内只执行最后一次。比如在页面的无限加载场景下，我们需要用户在...