JavaScript

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

写过前端的人大概都遇到过这样的场景：页面加载很慢，或者脚本报错说某个变量没定义，排查半天发现是 <script> 标签的加载方式出了问题。async、defer、type="module...

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

如果你写过几年前端代码，大概率在打包工具的输出日志里见过这个词——Tree Shaking。webpack、Rollup、esbuild、Vite，几乎所有现代构建工具都把它当作标配功能来宣传。但如果...

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

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

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

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

最近这半年，身边越来越多同事开始用 AI 写代码。效果确实惊艳：函数命名规范、注释齐全、代码风格统一，甚至比很多老手写得还整洁。 但用得多了，我发现一个挺隐蔽的问题——代码好看，不代表代码好用。尤其是...