ZHUSCAFE

假定大家是有编程基础以及使用 bash 的命令行的经验，因此只是简单的列举一下语法以及需要注意的地方。

随着组件化的盛行，一些人开始使用 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` 窗口里面，页面也不会发生转跳。

当拖动某一个元素的时候，将会先后触发 `dragstart`，`drag`，`dragend` 事件。

加法操作符的规则：

之前使用了 [koa2-react-isomorphic-boilerplate](https://github.com/wssgcg1213/koa2-react-isomorphic-boilerplate) 作为编写前后端同构应用，但是使用这个 boilerplate 的时候出现了一个问题：我使用了一个库 `mongoose`，每次在 `development` 模式下修改代码的时候就会抛出错误，错误原因就是 `Cannot overwrite model once compiled.`，然后只能自己重启服务器。

今天在写 [react-koa-isomorphic-boilerplate](https://github.com/zhuscat/react-koa-isomorphic-boilerplate)，期间出现了一个问题，错误原因是 ` Property key of ObjectProperty expected node to be of a type ["Identifier","StringLiteral","NumericLiteral"] but instead got "BooleanLiteral"`，很快就找到错误所在的地方，但是一直不知道如何解决这个错误，然后通过各种尝试总算是解决了这个错误，但是还是不知道错误的根本原因是什么，找个时间研究一下，下面就详细介绍一下这个问题的解决办法吧。