1. 引言 工具型文章要跳读，而文学经典就要反复研读。如果说 React 0.14 版本带来的各种生命周期可以类比到工具型文章，那么 16.7 带来的 Hooks 就要像文学经典一样反复研读。 Hooks API 无论从简洁程度，还是使用深度角度来看，都大大优于之前生命周期的 …

React 的代码库现在已经比较庞大了，加上 v16 的 Fiber 重构，初学者很容易陷入细节的汪洋大海，搞懂了会让人觉得自己很牛逼，搞不懂很容易让人失去信心, 怀疑自己是否应该继续搞前端。那么尝试在本文这里找回一点自信吧(高手绕路). Preact 是 React 的缩略版…

不管外面是怎么吹，或者怎么贬，总之是骡子是马拉出来溜溜，了解后才有发言权。那我们就赶紧 20 分钟入门 deno 吧！ DENO_DIR 默认为 $HOME/.deno，就是 Deno 存放生成的代码和缓存的源码的路径。 这段代码的含义是：Deno.cwd() 表示当前目录，D…

React的虚拟DOM和Diff算法是React的非常重要的核心特性，这部分源码也非常复杂，理解这部分知识的原理对更深入的掌握React是非常必要的。 本来想将虚拟DOM和Diff算法放到一篇文章，写完虚拟DOM发现文章已经很长了，所以本篇只分析虚拟DOM。 本篇文章从源码出发…

记得 13 年刚开始接触前端的时候，最兴奋的是用原生 JS 手写了一个左右漂浮的广告，那时候 jQuery 大行其道，现在回过头看，这或许是通过 JS 间接操作 UI 的起点，jQuery 的核心部分也是对 Dom 对象的包装，通过正则匹配来处理 CSS HTML，网上到处都是…

1. 引言 本周的精读是有感而发。 也就是专家们变得越来越不关心技术细节。需要说明是的，这里说的专家不再关心细节，不代表成为专家后学不会细节，也不代表专家不了解细节。 早期挺难理解这种转变的，笔者在学校里的知名度来自于前端做得精深，一根筋钻研技术的人眼里是容不下沙子的，所以当初…

1. 引言 不，100% 兼容 Vue 2.0，且暂未打算废弃任何 API（未来也不）。之前有草案试图这么做，但由于用户反馈太猛，被撤回了。 没有呀，这次精读的稿子就是 RFC（Request For Comments），翻译成中文就是 “意见征求稿”，还在征求大家意见中哦。 …

代码规范参考借鉴自各个团队规范，提供肉联帮前端团队规范。 camelCase（驼峰式，也叫小驼峰命名，e.g. userInfo） PascalCase（帕斯卡命名式，也叫大驼峰命名，e.g. UserInfo） kebab-case（短横线连接式，e.g. user-info…