清风的博客

重排reflow和重绘repaint1.重排reflowreflow指的是重新计算页面布局某个节点reflow时会重新计算节点的尺寸和位置，而且还有可能触发其子节点，祖先节点和页面上的其他节点reflow,在这之后再触发一次repaint;当render tree中的一部分(或全部)因为元素的规模尺寸,布局,隐藏等改变而需要重新构建,这就成为回流;每个页面至少需要一次回流,就是在页面第一次加载的时候;1.1导致reflow的操作有:1.调整窗口的大小;2.改变字体;3.增加或者移除样式表;

浏览器渲染机制对于渲染,需要了解设备刷新率设备刷新率是设备屏幕渲染的频率,手机电脑默认的刷新频率都是60FPS,也就是屏幕会在1s内渲染60次,约16.7ms渲染一次屏幕,这就意味着我们的浏览器最佳性能就是所有操作在一帧16.7ms内完成,能否做到1帧内完成直接决定着渲染性,影响用户交互;渲染引擎移开时会从网络层获取请求文档的内容,内容大小一般限制在8000个块以内;基本流程:渲染引擎将开始解析HTML文档,并将各个标记逐个转换成内容树上的DOM节点,同时也会解析外部css文件以及样式元素中的样

浏览器是多进程的1、进程简单的理解就是,进程里边有很多线程,例如进程是QQ,线程就是会话聊天;2、浏览器之所以能够运行,是因为系统给它的进程分配了资源(cpu,内存);3、简单的理解，没打开一个tab页就相当于创建一个独立的浏览器进程；1.浏览器里边的进程1.1、Brower进程：浏览器的主进程（负责协调、主控），只有一个；作用：a、负责浏览器界面显示，与用户交互，如前进后退等；b、负责各个页面的管理，创建和销毁其他进程；c、将Renderer进程得到的内存中的Bitmap,绘制到用户界

浏览器的组成结构用户界面（User Interface） - 包括地址栏、前进/后退按钮、书签菜单等。除了浏览器主窗口显示的您请求的页面外，其他显示的各个部分都属于用户界面。浏览器引擎（Browser engine） - 在用户界面和渲染引擎之间传送指令。渲染引擎（Rendering engine） - 负责显示请求的内容。如果请求的内容是 HTML，它就负责解析 HTML 和 CSS 内容，并将解析后的内容显示在屏幕上。也可以叫呈现引擎（Rendering Engine）或者布局引