你真的了解回流和重绘吗
回流和重绘是每个 Web 开发者都会听到的词，但具体两步各自做什么，很多人并不清楚。下面从浏览器渲染过程讲到如何减少它们，并配上可点的 demo。 渲染过程来自 MDN：解析 HTML/CSS → 生成渲染树 → Layout（回流，算几何）→ Painting（重绘，算像素）→ 交给 GPU 显示…
回流和重绘是每个 Web 开发者都会听到的词，但具体两步各自做什么，很多人并不清楚。下面从浏览器渲染过程讲到如何减少它们，并配上可点的 demo。 渲染过程来自 MDN：解析 HTML/CSS → 生成渲染树 → Layout（回流，算几何）→ Painting（重绘，算像素）→ 交给 GPU 显示…
前后端分离做成 SPA 后，首页文件常常超过 1MB，首屏就会慢。常见思路有：UI 组件按需加载、路由懒加载、处理组件重复打包、以及 gzip。前两者要看项目条件，UI 按需和 gzip 则几乎总能做。 本文先聊 ElementUI 按需引入和 gzip。按需能拆掉巨大的 element-ui.co…
这份 CSS 编码规范 同时覆盖手写 CSS 和预编译器（Less / Sass / Stylus）：能套用的约定尽量一起遵守。 下面按代码风格、通用选择器与属性、值与单位、文本编排、变换动画、响应式和兼容性展开，强制项与建议项都保留原文示例。 章节 抓住什么 代码风格 UTF-8 无 BOM、2 …
性能优化是双刃剑：能加快站点，也带来配置成本和一堆规则。有些建议并不适合所有场景，请带着 批判性 阅读。每条后附参考资料。 2020 年这 24 条 从减少 HTTP 请求、HTTP2、SSR、CDN，讲到重绘重排、Web Workers 和 CSS 选择器复杂度，示意图和代码示例全部保留。 小文件…
前端安全常见就三类：XSS、CSRF 和点击劫持。知道原理，前后端都少踩坑。 XSS 是恶意脚本没过滤、混进页面；分反射型、DOM 型、存储型，JSONP 回调也会中招。CSRF 则是借用户已登录的身份发请求。 读完应对得上：XSS 有几种、怎么转义；CSRF 为什么 Token / SameSit…
