仓库地址

仓库 whoelse666 mini-vue

崔学社 mini-vue

文章导航

Vue3 源码实战课 | 构建你自己的 Vue3 | 掌握源码最有效的学习方法就是手写一遍!

Vue3 源码实战课

阮一峰推荐最佳学习 vue3 源码的利器 - mini-vue

学习源码经历过程

vue 从出来到现在也有好些年了,相信几乎所所有从事前端的同学,都接触并使用过vue,不论是实际项目还是个人学习。但是大部分同学都停留在,会用API ,知道怎么跑项目,但是至于vue是怎么实现的,并不了解,或者了解一些皮毛。 这就使得大部分同学在开发中遇到问题,或者需要实现一个较为复杂的功能时,会耗费大量时间和精力,去试错。 并且现在的大环境下,但凡是面试,问到vue,几乎都要问上几句:“你读过源码吗? 你知道vue怎么实现的吗?”。 这时候就不像前几年大环境好,面试者能说上几句, vue 是通过 Object.defineProperty() 【vue3 是 Proxy】 实现监听,代理。 这样潦草的几句就能应付过去,让面试官对你另眼相看的。 我在之前很长一段时间处于这样的阶段,知道,但又知道的不够多,不够深入。导致之前在换工作过程中,多次遇到这类问题,面试官多问几个问题,或者深入一点,就尴尬的答不上来。
其实在之前我也有试过研究源码,但是直接看源码确实难度还是有的,而且也需要花费不少的时间。后来我就在网上找关于vue源码的文章,视频资料等等。但是大多数都感觉千篇一律,我不能说讲的不好,但是始终觉的不适合我自己,都是拿着vue源码一顿解读,但是并不适合大多数人去理解。后来我想到了之前有看到过的 崔学社 mini-vue,也有看到在阮一峰老师的-科技爱好者周刊(https://www.ruanyifeng.com/blog/2021/01/weekly-issue-144.html)。
并且mini-vue的作者,之前也有了解过,就是着报名了mini-vue的课程。然后就有了这篇文章。

### 目前为止最友好的学习源码课程
在之前我也有在网上看过一些关于源码学习的资料,但学习过后总感觉效果不大,当然了也是因为我确实比较菜吧。 但是我在学习了 崔学社 mini-vue,确实有一些不同的感受,当然了也不是说通过学习这个课程就一定精通源码,但是我在这个课程中学习源码是一方面,更多的是了解到了别的技能和思维,比如对于前端测试,就我的工作经历而言,工作中完全没有机会使用单元测试,但是在这段时间的学习过程中,从对测试的不在意,到逐渐了解, 最后到 ‘真香定律’,也开始逐渐上手测试

### 谈谈自己的感受
到目前为止我已经把这个课程学习了一遍,当然学习完了,并不代表完全掌握了。后续我依然会重复的学习,和思考。但是在学习过后我有一些自己的感受,接下来我也就持续的通过总结,写文章,不断地巩固与提高自己。

  1. 对vue源码的更深的理解,相比之前的似懂非懂,到现在基本理解。感觉是很不一样的
  2. 对于测试这个技能的感受,测试可以很好的辅助我在开发过程中的,逐步完善。以及代码重构的掌控。
  3. 对于开发思维的一个提升,提高了对于复杂功能实现与优化的能力提升,这是对于我来说这段时间学习课程最重要的提升与转变。

天外来物_whoelse
0 声望0 粉丝