前端基础

引言 打开一个现代 Web 应用，如果首屏加载慢、白屏时间长，很多时候问题并不出在服务器或网络本身，而是出在一个被忽视的细节上：浏览器一次性加载了太多它当下根本用不到的代码。随着前端项目规模越来越大...

如果你已经好几年没有手写过原生 DOM 操作，DocumentFragment 这个 API 大概率已经被你遗忘在角落里。毕竟现在写业务代码，React、Vue、Svelte 早就把 DOM 更新这件...

引子：一段"看起来没问题"的代码 假设你需要给页面上的一组元素动态设置宽度，让它们和某个参考元素保持一致。很多人会写出这样的代码： const boxes = document.querySelect...

做前端的人多多少少都听过这句忠告："少触发 reflow，能用 transform 就别用 top/left"。但如果追问一句"reflow 和 repaint 具体差在哪儿？composite 又是...

写了这么多年前端代码，我们每天都在跟 HTML、CSS、JS 打交道，但很少有人真正停下来想一想：从我们敲下 <div> 到用户在屏幕上看到一个个像素点，中间到底发生了什么？ 这篇文章尝试...

写过前端的人大概率都听过这句话——"少操作 DOM"。面试时被问到性能优化，十有八九也会提到"减少 DOM 操作次数"。但这句话背后的原理是什么？为什么同样是"执行一行代码"，操作 DOM 就要比普通...

《高性能 JavaScript》(High Performance JavaScript) 出版于 2010 年，作者 Nicholas C. Zakas 是当年雅虎的前端工程师。放在今天，这本书已经...