本书是著名博主张鑫旭的呕心沥血之作，涵盖了 CSS2.1 版本需要注意和知道的常用知识，我这里在看书总结时对以往不太清楚的地方做个深入整理，理清自己的知识体系树。 知识应该成体系才能方便我们日后工作中对内部信息进行快速检索，所以我在看这本书的同时会画一些结构树（思维导图），以便让我能更深入的理解 CSS 中的一些“怪异、特殊”的行为。 需要重点说明的是：本书是对 CSS2.1 的介绍与总结，最新的 CSS3 的内容需要从别的地方获取资料学习。 前言 了解“流” HTML+CSS……
解决题述的问题需要清楚用户在滑动页面时，Chrome 在背后的工作过程，了解了工作过程解题就会水到渠成。 基础：Chrome 线程化渲染框架 之前提到过这样的一个浏览器渲染线性流程，这里简单说下： 在传统浏览器中，主线程的执行是单线程渲染模式，JS 执行及页面布局渲染在一个线程中串行执行（根据修改的 CSS 元素不同会跳过部分执行阶段）。为了保证 UI 流畅需要每一帧上述的处理时间小于 10ms。 为了优化上述过程，Chrome 浏览器内核对Composite……
PDF 下载地址：CSSConf.pdf 这个 Slides 是参加 CSS 大会的总结，因为要对小伙伴们分享，因此这个总结会比较“大”。是的，我搜集了四届的大会报告做了总结，引用的文章在每个 Slide 的页脚。 所谓一通百通，我希望这个 Slides 能帮到你理清 CSS 的脉络！ BigMap 根据我搜集的 21 个报告做的如下分类。根据 CSS 展开，包括：组件库中 CSS 的位置、响应式、CSS 编译器、动画及性能、CSS……
1. 什么是 SSR？什么情况下需要使用 SSR？ SSR（Server Side Render）服务端渲染，这里主要是为了解决 SPA 应用首屏加载缓慢、白屏的问题。用户在访问 SPA 应用时，服务端（Nodejs）先获取页面需要的数据生成 HTML 字符串传递给客户端用于首屏显示，随后再加载其余资源进行渲染结果比对和后渲染流程。 2. 传统 SPA 渲染过程和 SSR 渲染过程有何不同？ 下面是两种方式的时序图： 客户端渲染 服务端渲染 注意： SSR 可以在 事件前（css……