pig_is_duck的博客

核心就是：减少HTTP的请求次数和大小1、资源合并压缩2、图片懒加载3、音频 走 流文件（加载一部分）4、尽可能避免回流和重绘放弃传统操作dom的时代，基于vue / react开始数据影响视图模式分离读写操作一次回流 (读写分离)let box = document.getElementById('box');box.style.width = '200px'; // ...

1、 重绘：元素样式的改变（但宽高、大小、位置等不变）如：outline、visibility、color、background-color等只改变自身样式，不会影响到其他元素2、 回流：元素的大小或者位置发生改变（当页面布局和几何信息发生改变的时候），触发了重新布局导致渲染树重新计算布局和渲染​ 如添加或删除可见的DOM元素；元素的位置发生变化；元素的尺寸发生变化、内容发生...

浏览器解析草图浏览器渲染原理1、解析HTML，生成DOM树，解析CSS，生成CSSOM树2、将DOM树和CSSOM树相结合，生成渲染树（Render Tree）3、Layout（回流）：根据生成的渲染树，计算它们在设备视口（viewport）内的确切位置和大小，这个计算的阶段就是回流4、Painting（重绘）：根据渲染树以及回流得到的几何信息，得到节点的绝对像素5、Display：...

1、用户在浏览器输入地址，到看整个页面，中间发生了什么HTTP 请求阶段HTTP 响应阶段浏览器渲染阶段2、主流浏览器及其内核浏览器内核IETrident内核（IE内核）FirefoxGecko内核（Firefox内核）ChromeWebkit —> BlinkSafariWebkitOperaBlink...