一年内的前端看不懂前端框架怎么办

2022-01-15

不建议直接看已经迭代了这么多大版本的框架源码，如果想看源码，可以循序渐进的看。第一步：可以从lodash这种工具库开始看，因为都是比较小块的函数，比较好上手理解，也容易调试看效果。还可以补足自己的基础，例如节流、防抖、深拷贝等。另外还推荐30 seconds of code，全是小而美的代码片段，有些lodash的函数可以用这个替代。

第二步：找到了看源码的感觉后，再去看某个类库的源码，比如说redux、moment这种，功能专一同时也兼顾深度。

第三步：这时候自己有了一定的基础和感觉了，可以再去看现在mvvm框架实现的原理，也是从单一的功能开始，拆解mvvm框架的通用实现模式，如双向绑定、虚拟dom等，最后实现自己的mini mvvm。

第四步：这时候你具备了看react、vue这种框架的能力了，最好还是带着问题去看，比如看react fiber的原理、如何渲染的，setState怎么操作等等。

最后：可以试着参与到开源框架的开发中来，对react、vue等框架进行一些issue的修复和功能的迭代。如果觉得过于困难，可以对react或者vue周边生态的库进行pr，经过前面的这么多铺垫，这时候也可以释放自己创造力了，可以试着做一些对标业界开源高质量的轮子。