原本只想筛选下上面的那篇文章，在精简掉了部分多余且无用的工具函数后，感觉不够。于是顺藤摸瓜，找到了原地址： 30 seconds of code 然后将所有代码段都看了遍，筛选了以下一百多段代码片段，并加入了部分自己的理解。 另外，本文工具函数的命名非常值得借鉴。 1. 第一部…

详细的讲解了 react 的虚拟 dom 和 diff 的实现

使用在 HTML5 中添加到 DOM 的 File API，现在可以让 Web 内容要求用户选择本地文件，然后读取这些文件的内容。

当我们在编写业务代码时候，我们无法避免有些业务逻辑复杂而导致业务代码写得又长又乱，如果再加上时间紧凑情况下写出来的代码估计会更让人抓狂。以至于我们一直在寻求更好的架构设计和更好的代码设计，这是一个没有终点的求知之路，但是在这条路上会越走越好。

掘金日报主打分享优质深度技术内容，技术内容分：前端、后端、Android、iOS、产品设计、工具资源和一些有趣的东西。 前端 一劳永逸的搞定 flex 布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中？ 改造你的网站，变身 PWA - 掘金 最…

用实例解释函数节流和函数防抖的区别

关于 javascript 中事件委托的深入理解