前语

最近在更新react组件库源码的文章，其实vue和其他结构都相同，便是我发现自己在一年前直接看这些源码（不调试），仍是有点费劲的，然后就抛弃了。

可最近不知道为啥，看这些源码对我来说没啥太大难度，直接干就完事了，不需要啥调试。自己好好回想了一下，为什么会有这样的变化？也算帮助一些想打破自己技能瓶颈的同学。

有新人在下面留言说看到很焦虑，刚进前端领域的同学，你们首要任务是能完结事务开发，此刻事务开发带给你的提高是最明显的，文章更多的是帮助事务api用熟之后的想有打破的同学，不必焦虑，哈哈。而且话说回来了，我在平常作业中看到不想打破的人基本占百分90%，无论大小厂，所以不打破也没啥，大部分人仅仅仅仅当一个一般作业而已。

定论

首要我得出定论是：

  • 最开端不要自己去读源码，看别人的文章和视频即可，目的是先触摸比自己才能层次高的代码，为逾越现有的才能铺路（后边详细谈怎么做）
  • 平常留意堆集一些手写题的思路，网上面经许多，主要不是写出来，是了解原理，了解大于全部，不了解的东西终究会忘掉，咱们要堆集的是才能，才能是第一！（后边详细谈），设计形式里的发布订阅者形式必须要了解！这是写许多库常见的技巧。
  • 最终开端独立去看一些小的代码库，比方腾讯，阿里，字节的组件库，这些库大部分组件难度低。

去哪里看视频和文章学源码

视频

最简易的便是跟着视频学，由于视频会把代码敲一遍，给你考虑的时刻，讲解也是最细的，很合适刚开端想造轮子的同学了解一些有难度的源码。

举个例子：

我当时看了koa的源码，了解了koa中间件的原理，我自己造了一个自动化发布脚本就利用了这个原理，redux中间件也是相似的原理，在函数式编程领域叫做compose函数，koa是异步compose，redux是同步compose，

简略描绘下什么是compose函数

我把大象装进冰箱是不是要
1、翻开冰箱门
2、装进去大象
3、关冰箱门

那么许多同学就会写一个函数

function 装大象(){
 // 翻开冰箱
 // 装大象
 // 封闭冰箱门
}

compose函数会把这个进程拆开，而且笼统化

// 把装大象笼统为装东西函数
function 装东西();
function 翻开冰箱();
function 封闭冰箱();
compose(翻开冰箱函数, 装东西函数，封闭冰箱函数)

此刻compose把上面三个函数笼统为一个翻开冰箱往里边装东西的函数，咱们只需要把参数大象穿进去就笼统了整个进程

compose(翻开冰箱函数, 装东西函数，封闭冰箱函数)(大象)

具体内容我还写过一篇文章，有兴趣的同学能够去看看：

终极compose函数封装方案！

这个大家应该有自己的去向，我自己的话很简略，视频一般去b站，便是bilibili，有些同学以为这是一个二次元网站是吧，其实里边免费的学习材料一抓一大把呢，啥都有。

比方说我在b站看了许多linux入门教育视频，还有一个训练公开课，讲的都是源码，什么手写react hook，手写webpack，手写xxx，那个时候说实话，听了视频也不是很了解，可是我仍是挺喜爱前端的，没咋了解就继续听。

记住，咱们需要短时刻内提高才能，所以视频算是其中最快的了，其他办法不行能有这个来的快，而且没了解就算了，能了解多少是多少。

学习是一个螺旋上升的进程，不是一会儿就全懂或许全不懂的，都是每次比上一次更懂一点。除非你是天才，急不来的。

视频查找第二大去向便是论坛，一些论坛有各式各样的训练视频，这种论坛太多了，你谷歌或许百度一抓一大把。

对了，谷歌是爸爸，你懂我意思，不要吝啬小钱。在查找学习材料面前，百度便是个弟弟。

文章

文章一定记住，在精不在多。

切记，每个人都处在不同的学习阶段，不要盲目寻求所谓的大神文章，不一定合适你，比方说有些人刚触摸前端，你去看有些有深度的文章对你没啥优点，浪费时刻，由于你了解不了，了解不了的常识相当于没学，过两天就忘了。

文章挑选范围，比方，知乎还有前端大众号，基本上就差不多了，选一两个你觉得你这个阶段能吸收的，好好精读，坚持个一年你会发现不相同的。

额定的常识储藏

前端3年前主流的前端书我都读过，什么红宝书，权威攻略都读了好几遍了。

但有一本从菜鸟到高档-资深前端很引荐的一本是：JavaScript设计形式与开发实践（图灵出品)(腾讯的一位大哥写的，不是百度的那位，这两本书我都看过)

里边的常识点很干很干，里边有十分多的技巧，比方说你的同事写了一个函数，你不想损坏函数，有什么办法拓宽它（其实我觉得我想的这些题就比前端八股文好玩多了，是开放性的）

  • 技巧许多，比方面向切面编程，加个before或许after函数包装一下
  • 比方职责链形式
  • 比方方才的compose函数
  • 比方装修器形式

建立自己的发展方向

大家其实最终都要面临一个很现实的问题，便是35今后怎么办，我个人觉得你没有对标阿里P7的才能，落地到中小公司都难。

所以咱们看源码，看啥都是为了提高才能，延长职业寿数。

那么如何在短时刻内有效的提高，你就需要留意不能各种方向胡乱探索，前端有小游戏方向，数据可视化方向，B端后台系统方向，音视频方向等等

我是做b端，那b端整个链路我就需要打通，组件库是我这个方向，所以我探索这儿，还有node端也是，写小工具是必须的，可是你们说什么deno，其他的技能，我根本不在乎，没时刻浪费在这些地方，当然除了有些事务上需要，比方之前公司有个ai标示需求，用canvas写了一个相似画板的工具，也算开辟了常识点，但这也不是我要点发展的方向，不深入。

我做组件库是为了后边的低代码，低代码平台的整体设计思路我已经想好了，整体偏向国外开源的appsmith的那种方式，然后打通组件间通信的功用，我认为是能担任稍微复杂的b端事务场景的，而且能够走许多垂直领域，比方网站建站，微信文章编辑器这种。所以我才开端研讨组件库的，由于低代码大多数复杂功用都在组件上。

作业上勇于走出舒适圈

为什么这个跟看源码相关呢，如果你做过比较复杂的项目，你会发现许多现成的第三方库满意不了。比方说我自己遇到过的大型sass项目，ant design就满意不了，所以你才发现，源码看得少加上事务急，代码就烂，时刻上就留不出自己偷偷学习的时刻，如果你想长期从事软件开发，没有成长是一件很危险的事（钱多当我没说，哈哈），由于无论如何，有本事，总没错的。

当你的事务难度上去的时候，会逼着你去提高才能，所以你如果想前端走的更远，建议不要在自己的舒适区太久，事务上挑选一家比较难的公司，后边再换岗便是沉淀这段时刻的常识点了，当你能够有自信说，我现在带团队，从0到1再遇到那么难的事务时，能从容应对，祝贺你，你能够去面下阿里p7，不是为了这个作业啊，能够检验下是不是达到这个职位的标准了，我就喜爱偶然面一下，也不是换作业，便是看看自己前进没