请叫我大苏

大家都知道缓存的英文叫做 cache。但我发现一个有趣的现象：这个单词在不同人的口中有不同的读音。为了全面了解缓存，我们得先从读音开始，这样才能够在和其他同事(例如 PM)交(zhuāng)流(bī)时体现自己的修(bī)养(gé)。 友情提示：文章有些长，您可能需要分批次读完…

从 HTML5 规范到浏览器内部的数据结构再到渲染实际流程，完全阐述浏览器渲染机制 -- 渲染并不只是重绘重排和 composite 那么简单。

视工作类型而定，有时候想掌握 N-1 层的原理，可能还需要了解 N-2,N-3 ... 于前端程序员而言，第 N 层的抽象即 HTML/CSS/JS 语法，N+1 层是各种前端框架，N-1 层是语法的内部实现和浏览器的工作原理，N-2 层可能就是渲染引擎，JS 引擎，JS Ru…

对应的，非连续滚动定义为 快速滚动，初始化一个空的 map -- unusedIndex, 作用是记录同类型的 unusedPool 需要从哪个索引开始取值。 定位项与滚动条位置对应，可以理解为滚动条水平方向指向的那个列表项。 列表项采用 Render Props 的形式，用 …

针对这种代码中的现象，之前笔者也是查找各种帖子文章，在查看这些文章的时候，scope、词法环境、静态作用域、执行上下文等名词不断出现。从中大概知道，哦，js中变量是有提升的现象，哦，还有函数的作用域是在它创建的时候的词法环境决定的,哦，还有this是在运行是决定的不是在创建时决…