Hibop Yuan

#### [作为一个前端，可以如何机智地弄坏一台电脑？](https://cloud.tencent.com/developer/article/1008713) 思路总结： - 突破浏览器界限： 安全策略。浏览器IO能力localStorage - 但是如果任由网页无限写文件，对用户硬盘的伤害可想而知，因而浏览器对其做了大小限制。 对于一个域名+端口，PC侧的上限是5M-10M之间，移动侧是则不大于2.5M。 - 访问同一个域名的不同端口，它们的localStorage并无关联，是分开存储的。 - http://127.0.0.1:1000到http://127.0.0.1:1099这100个端口； - 让用户自动遍历这些端口？ iframe是个好的尝试。 只要一打开http://127.0.0.1: 1000，页面的脚步就会创建一个iframe，去请求http://127.0.0.1: 1001，一直循环下去。 - 到：1081最新的chrome就崩溃掉了…原来iframe嵌套太多，已经到达了浏览器的极限。 - 到达iframe极限之前，我们可以重定向啊。 每访问50个端口，就使用.href重定向一次，去确保浏览器不崩溃。

web前端工程化： [https://www.zhihu.com/question/24558375](https://www.zhihu.com/question/24558375) 前端工程化：[https://github.com/fouber/blog/issues/10](https://github.com/fouber/blog/issues/10)

- react批量更新：《setState的秘密》[https://juejin.im/post/599b8f066fb9a0247637d61b](https://juejin.im/post/599b8f066fb9a0247637d61b) - Diff算法和key：《key带来了什么》[https://juejin.im/post/59abb01c518825243f1b6dad](https://juejin.im/post/59abb01c518825243f1b6dad) - virtualDOM： - [https://juejin.im/post/5a3c7677f265da430406cd54](https://juejin.im/post/5a3c7677f265da430406cd54) - [React 避免重渲染](http://blog.csdn.net/sysuzhyupeng/article/details/62043149)

- jQuery源码分析: [https://github.com/shaodahong/dahong/issues/4](https://github.com/shaodahong/dahong/issues/4) - 【深入浅出jQuery】源码浅析2--奇技淫巧 #4 [https://github.com/chokcoco/cnblogsArticle/issues/4](https://github.com/chokcoco/cnblogsArticle/issues/4)

#### Handlebars.js 模板引擎 [http://www.ghostchina.com/introducing-the-handlebars-js-templating-engine/](http://www.ghostchina.com/introducing-the-handlebars-js-templating-engine/) jquery插件集成

 ## 原型prototype的修改与重写(覆盖)的区别 先创建对象，然后再修改原型：覆盖后，已经创建的对象无法访问到修改后的原型

#### 细说JavaScript单线程的一些事 [http://www.codeceo.com/javascript-threaded.html](http://www.codeceo.com/javascript-threaded.html)

#### Node.js的线程和进程详解 [https://github.com/JChehe/blog/blob/master/posts/%E5%85%B3%E4%BA%8EJavaScript%E5%8D%95%E7%BA%BF%E7%A8%8B%E7%9A%84%E4%B8%80%E4%BA%9B%E4%BA%8B.md](https://github.com/JChehe/blog/blob/master/posts/%E5%85%B3%E4%BA%8EJavaScript%E5%8D%95%E7%BA%BF%E7%A8%8B%E7%9A%84%E4%B8%80%E4%BA%9B%E4%BA%8B.md)

## js对象系谱图 

#### 前端可视化剑魔技术概览 [http://leungwensen.github.io/blog/2015/frontend-visual-modeling.html](http://leungwensen.github.io/blog/2015/frontend-visual-modeling.html)