另外一个叫法是重排，回流触发的条件就是:对 DOM 结构的修改引发 DOM 几何尺寸变化的时候,会发生回流过程。当页面中元素样式的改变并不影响它在文档流中的位置时。

很多人都知道要减少浏览器的重排和重绘，但对其中的具体原理以及如何具体操作并不是很了解，当突然提起这个话题的时候，还是会一脸懵逼。希望大家可以耐着性子阅读本文，仔细琢磨，彻底掌握这个知识点！ 第四步和第五步是最耗时的部分，这两步合起来，就是我们通常所说的渲染。 网页生成的时候，至…

由于浮动导致父级子级之间设置了css padding、css margin属性的值不能正确表达。特别是上下边的padding和margin不能正确显示。 4、如果前面的元素设置了浮动，那后面的元素就有可能产生异位的现象。 这些问题让众多开发这相当苦恼，尤其是在相对复杂的项目，各…

H5 这个词在当前存在一些争议，很多人的理解都不一样，本文做了详细的分析

新技术的出现必然是为了解决旧技术存在的问题和不便，本文会详细介绍em和rem解决了哪些问题，由浅入深的告诉你使用rem的正确操作。

响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够。 响应式：只需要开发一套代码。 响应式设计通过检测视口分辨率，针对不同客户端在客户端做代码处理，来展现不同的布局和内容。 自适应：需要开发多…

对于堆叠上下文，你可能没有听说过这个术语，但是你肯定有接触过它。当你在使用绝对定位和z-index来控制元素的层级时，该元素就建立了自己的堆叠上下文。 所以堆叠上下文是比较经常能接触到的，了解相关的知识也是很有必要的。 简单来说，为了让HTML元素在网页上绘制时有个前后的顺序（…

内部的Box会在垂直方向，一个接一个地放置。 Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠。 每个盒子（块盒与行盒）的margin box的左边，与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。即使…

作为 Web 工程师，我们每天写 HTML，CSS 和 JS，但是浏览器是如何解析这些文件，最终将它们以像素显示在屏幕上的呢？这一过程叫做 Critical Rendering Path