页面卡顿、滚动掉帧,很多时候不是 JS 算得慢,而是触发了过多的重排(reflow)。要写出流畅的界面,得先理解浏览器是怎么把代码变成像素的。 渲染管线从 HTML 到屏幕上的像素,浏览器大致走这几步: graph LR A[HTML] --> B[DOM] C[CSS] -->
分类 · 技术
共 2 篇文章
这个博客没有后端,却能站内搜索。静态站既没有数据库也没有服务端接口,搜索这件「天生需要查询」的事,是怎么做到的?答案是:把索引在构建期生成好,查询全放到浏览器端
页面卡顿、滚动掉帧,很多时候不是 JS 算得慢,而是触发了过多的重排(reflow)。要写出流畅的界面,得先理解浏览器是怎么把代码变成像素的。 渲染管线从 HTML 到屏幕上的像素,浏览器大致走这几步: graph LR A[HTML] --> B[DOM] C[CSS] -->
这个博客没有后端,却能站内搜索。静态站既没有数据库也没有服务端接口,搜索这件「天生需要查询」的事,是怎么做到的?答案是:把索引在构建期生成好,查询全放到浏览器端