ZHUSCAFE

随着组件化的盛行，一些人开始使用 CSS in JS 的方案，目前比较流行的就是 Styled Components，为什么这种方案会被一些人接受并使用呢？我想从动机出发谈谈这个方案。

其实 Tree Shaking 出来已经挺久了，不过我还是最近才了解的。

Rollup 是一个模块打包工具，其利用了 ES6 模块的特性，只将需要的代码进行打包，通过这种方式可以大大减小打包的体积（不用打包整个），官方称这个特性为 Tree Shaking。另外，Webpack 2 也支持了 Tree Shaking，因此 Tree Shaking 已经不能作为 Rollup 的一个优势了，不过，Rollup 的配置相较于 Webpack 更加简单明了，这算是 Rollup 的一个优势。不过，Rollup 的功能也没有 Webpack 多，比如说 Rollup 不支持 Code Splitting，各种静态资源的处理。总的来说，Rollup 更适合库的打包，比如说 React，Vue 这类库。而 Webpack 则更适合用于 Web App。

XSS 攻击分为 **反射型** 、**存储型** 和 **DOM Based XSS**

使用 `iframe` 进行文件的异步上传的基本思想是在表单上传的时候，创建一个 `iframe` 元素，并将表单的 `target` 属性设置为创建的 `iframe` 窗口，这样，上传结束返回的数据会到 `iframe` 窗口里面，页面也不会发生转跳。

加法操作符的规则：

CSS 属性可以分为继承属性与非继承属性。这决定着当某一属性没有提供值得时候，该属性的值为什么。

阅读了一下 `co` 的源码，发现其实做法跟我之前看的《你不知道的 JavaScript》中的 Generator + Promise 一节类似。正好巩固了一下这方面的知识，顺便做一些记录。

Generator 是一种可以暂停的函数，通过使用 `yield` 来进行控制。