wangpeilin

> 最近刚好在复习这部分内容 > 渲染进程里有主线程、合成线程、光栅化线程等，gpu进程中有gpu线程 我猜答完之后又是一顿深挖[让我看看～]

**回流：** 触发条件： 当我们对 DOM 结构的修改引发 DOM 几何尺寸变化的时候，会发生回流的过程。 例如以下操作会触发回流： 1、一个 DOM 元素的几何属性变化，常见的几何属性有width、height、padding、margin、left、top、border 等等, 这个很好理解。 2、使 DOM 节点发生增减或者移动。 3、读写 offset族、scroll族和client族属性的时候，浏览器为了获取这些值，需要进行回流操作。 4、调用 window.getComputedStyle 方法。 回流过程：由于DOM的结构发生了改变，所以需要从生成DOM这一步开始，重新经过样式计算、生成布局树、建立图层树、再到生成绘制列表以及之后的显示器显示这整一个渲染过程走一遍，开销是非常大的。 **重绘：** 触发条件： 当 DOM 的修改导致了样式的变化，并且没有影响几何属性的时候，会导致重绘(repaint)。 重绘过程：由于没有导致 DOM 几何属性的变化，因此元素的位置信息不需要更新，所以当发生重绘的时候，会跳过生存布局树和建立图层树的阶段，直接到生成绘制列表，然后继续进行分块、生成位图等后面一系列操作。...

自定义预览的意思是指？能否在详细点呢

额，你好，这个不就是 bpmn 的作用吗？

> 额，你好，这个不就是 bpmn 的作用吗？ bpmn.js

> 最后一句，是`letter-spacing`对中文无效吧 感谢指出，我这里是写错了，`word-spacing` 对中文也是有效的，只不过它以空格作为区分。 例如 "第一句 第二句" 中，"第一句"被认为是一个单词，"第二句"被认为是一个单词，然后 `word-spacing` 会改变它们直接的间隙。

> `box.onmouseup = function () { document.onmousemove = null; box.onmouseup = null;}` > 呆呆大佬，这里的mouseup事件的监听对象改成document会不会比较好呢？ > 如果是box的话，当鼠标超出box的范围，就无法监听到该事件并触发监听函数了； > 场景是当按下鼠标拖拽box至超出页面范围（进入浏览器顶部菜单栏等等）并释放鼠标，然后再回到box中，会发现虽然鼠标处在释放的状态，但仍然可以拖拽box； > 原因是鼠标并不是在box内部抬起的，所以并没有触发box的mouseup事件的监听函数，所以document的mousemove事件并没有移除。 是的，感谢指出，我去本地试了确实这样效果会好一些，我修改一下。再次感谢😄

> margin-left: -0.4em; 这个值是怎么确定的呢？ em这个单位有两种用法： 1. 定义字体大小时以父级的字体大小为基准； 2. 定义长度单位时以当前字体大小为基准。 一般来说一个空格的大小为字体大小的0.4，所以可以使用`0.4em`刚好为一个空格的宽度。

好的，感谢提供题目，我会把它放到第五期当中

> prefetch preload 还没介绍哦 > > 我补个相关介绍：https://www.w3.org/TR/resource-hints/ 棒！