Hibop Yuan

附上大神的webpack模块化原理三连，搞懂这些，妈妈再也不用担心不理解模块化了 webpack模块化原理-commonjs： [https://segmentfault.com/a/1190000010349749](https://segmentfault.com/a/1190000010349749)； webpack模块化原理-ES module： [https://segmentfault.com/a/1190000010955254](https://segmentfault.com/a/1190000010955254) webpack模块化原理-Code Splitting： [https://segmentfault.com/a/1190000010349749](https://segmentfault.com/a/1190000010349749)

## webpack之build: dll(生产环境依赖包构建) - 关于webpack.DllPlugin({})使用： [https://github.com/superpig/blog/issues/6](https://github.com/superpig/blog/issues/6) - 一个react全家桶强依赖vender包括： ['lodash', 'whatwg-fetch', 'react', 'react-dom', 'react-router', 'redux', 'react-redux', 'redux-thunk', 'redux-promise-middleware', 'immutable', 'redux-immutable', 'react-intl', 'core-js', 'tslib'] 这些包需要用DllPlugin先build出来可以充分利用浏览器缓存； - [antd, codemirror, chartjs] 等包并不是每个页面都需要，或者有些只是用其中一部分，所以我们可以做按需加载来 加载这些三方件

Webpack 入门指迷 : [https://segmentfault.com/a/1190000002551952](https://segmentfault.com/a/1190000002551952)

## 怎样写自定义webpack-plugins： - [https://github.com/webpack/docs/wiki/how-to-write-a-plugin](https://github.com/webpack/docs/wiki/how-to-write-a-plugin) - [http://imweb.io/topic/59324940b9b65af940bf58ae](http://imweb.io/topic/59324940b9b65af940bf58ae) - [https://zhuanlan.zhihu.com/p/32946596](https://zhuanlan.zhihu.com/p/32946596)

## webpack之code-split [https://segmentfault.com/a/1190000007479892](https://segmentfault.com/a/1190000007479892) [http://foio.github.io/wepack-code-spliting/](http://foio.github.io/wepack-code-spliting/)

```css ::selection { background: rgba(0,152,195,0.66); text-shadow: none; color: #fff; } // 焦点不在window内 ::selection:window-inactive { background: rgba(80,78,78,0.3); } h1::selection { -webkit-text-stroke: 1px #000; // 文字有边框 } a::selection,h2::selection,h3::selection,strong::selection { color: #222; }...

```html 偏函数应用partial application ``` github 点击预览 ```html ```

#### jsfuck [http://www.jsfuck.com/](http://www.jsfuck.com/)

#### xxs [https://alf.nu/alert1](https://alf.nu/alert1)

[总结 XSS 与 CSRF 两种跨站攻击](https://blog.tonyseek.com/post/introduce-to-xss-and-csrf/)