关于 this 为什么要用 this 如果不使用 this： 误解 指向自身 this 并不是指向函数本身，下例中的 count 通过 LHS 查找指向全局变量。 利用词法作用域的一种“解决”办法，逃避的解决方式 foo 标识符代替 this 引用函数对象，同样回避了 this 问题 强制 this 指向 foo 函数对象，完美的解决方式 它的作用域 this 不一定指向函数的作用域，this 在任何情况下都不指向函数的词法作用域，具体表现为 a 不能通过 this.a/foo.a… »

作用域是什么 LHS 与 RHS LHS 和 RHS 的含义是 并不一定意味着就是 。赋值操作还有其他几种形式，因此在概念上最好将其理解为 以及 。 作用域 LHS 和 RHS 引用都会在当前作用域进行查找，如果还是没有找到就继续向上，以此类推。 对 b 进行的 RHS 引用无法在函数 foo 内部完成，但可以在上一级作用域（在这个例子中就是全局作用域）中完成。 异常 区分 LHS 和 RHS… »

流、元素与基本尺寸 块级元素 块级元素具有换行特性，因此可以利用它配合 clear 属性清除浮动。 list-item 清除浮动 清除浮动时不会使用 list-item 的原因： 字符比较多 会出现不需要的项目符号 IE 浏览器不支持伪元素的 display 值为 list-item list-item 元素会出现项目符号原因 生成了一个附加的标记盒子，专门用来放圆点、数字这些项目符号的。 IE 浏览器下伪元素不支持的原因就是无法创建这个标记盒子。 display:inline-table… »

概述 流的概念 CSS 世界的诞生就是为图文信息展示服务的。 流影响整个 CSS 世界。 table 有着自己的世界。 CSS3 布局更为丰富 移动端的崛起催生了 CSS 媒体查询以及响应式特性，如图片元素的 srcset 属性、 CSS 的 object-fit 属性。 弹性盒子布局。 格栅布局。 视觉表现长足进步 圆角、阴影和渐变。 transform 变换。 filter 滤镜和混合模式。 animation 动画。 专业术语 属性 height、color 代表属性 值 99px… »

React 中最神奇的部分莫过于虚拟 DOM，以及其高效的 Diff 算法。这让我们可以无需担心性能问题而“毫无顾忌”的随时“刷新”整个页面，由虚拟 DOM 来确保只对界面上真正变化的部分进行实际的 DOM 操作。React 在这一部分已经做到足够透明，在实际开发中我们基本无需关心虚拟 DOM 是如何运作的。然而，作为有态度的程序员，我们总是对技术背后的原理充满着好奇。理解其运行机制不仅有助于更好的理解 React 组件的生命周期，而且对于进一步优化 React… »