大家好，我是若川。今天給大家推薦一篇大圣老師在知乎的回答，很快能看完。我也曾經回答過這個問題。若川知乎高贊：有哪些必看的 JS 庫？不要為了讀源碼而讀源碼，但要學會看源碼。自己常用的熟悉的庫的源碼值得讀讀。

點擊下方卡片關注我、加個星標

---

很贊同【越好的框架越不需要使用者特地去讀】這個理念，畢竟我們研讀源碼就是為了解決具體問題，按需去看比較好，不過這個前提是你已經是一個系統化訓練的工程師，如果是針對新手，尤其是前端這個特殊的領域，大部分同學都不是計算機出身 ，現在我建議去看vue3的源碼 并不是其他的不好，而是Vue3很適合用來幫助初中級前端走完升級的路線，通過vue3源碼中的細節，構建和豐富自己的前端知識體系

1. vue3大部分代碼是小右寫的，平均代碼質量比較高，React也很贊，但是整體工程化過于復雜，不太適合新手，建議搞定vue之后去看React更好一些

2. 源碼閱讀本身也是一個需要練習的技能，一次訓練，持久收益

3. 先忽略ts，去看@vue/reactivity,這是個獨立的包，1000左右，難度適中，測試覆蓋率100%（到100%的測試case還是我提的 嘿嘿），非常適合作為第一個閱讀的源碼

4. 1. 還能鞏固ES6+的幾個新數據解構和語法

   2. 之前我推薦1000左右的代碼還是seajs

5. 研究文件解構，學習一下工程化體系

6. 1. lerna管理

   2. script下面的文件，研究commit規范，git hook，dev build等配置

7. 研究runtime-core和dom，了解vue整個框架設計的理念

8. 1. 事件修飾符once的實現，并不需要add再removeListener，而是addEventListener的時候加一個第三個參數，{once:true}的配置就可以

   2. insertBefore第二個參數給null的話，和appendChild效果一樣

   3. 等等等等， 會讓自己恍然大哦一下的小tips

   4. 細節不多說，比如dom diff里面的getSequence生成最長遞增子序列，會讓你嘗試去研究算法是個啥，然后研究vue3的貪心+二分實現的時候，還會了解動態規劃的實現，算法能力++，至少意識到需要學算法，這也是前端老鐵的軟肋質疑

   5. 有些vue的實現讓你了解js和dom里一些容易忽略的細節

   6. shapeFlag和patchFlag還會讓你意識到位運算也需要學學

   7. typescript不用多說，看見不懂的語法，按需學一學也不錯

   8. 看完就可以搞一本算法第四版之類的，好好學一下算法，有時候知道自己需要學也挺重要

9. compiler了解vue編譯的優化

10. 1. 讓你知道原來還有個編譯原理的東東需要學習

    2. 先去看the-super-tiny-compiler這200行代碼， 了解一下parser，ast，codeGenerator等是啥意思

    3. 看完compiler dom和core ，既能應付面試，還大概入門了編譯原理

11. 其他的很多實現也挺有意思，而且大部分代碼都配有測試

12. 1. slot

    2. v-model

    3. keep-alive

13. 其他包比如sfc，test選看，按需看就行

14. 其他的vuex，vite，router啥的也是類似

綜上所述，看完vue生態代碼其實是對前端這個特殊行業的新手工程師，可以起到幫助鞏固計算機基礎的重要性。?

有時候不是我們不勤奮，而是沒有科班的訓練，我們不知道這些東西學的意義是啥，閱讀框架源碼的意義也在于此?

當然完整系統的看完一個后，閱讀源碼這個技能你也掌握了，針對其他框架就可以按需閱讀，也就找到了自己高效學習的路線?

ps：我vue3源碼也是粗略看過，如果有說的不對的地方，以vue最新的源碼為準

歡迎閱讀原文去知乎討論

---

最近組建了一個江西人的前端交流群，如果你也是江西人可以加我微信 ruochuan12 拉你進群。

---

今日話題

略。歡迎分享、收藏、點贊、在看我的公眾號文章~

一個愿景是幫助5年內前端人走向前列的公眾號

可加我個人微信?ruochuan12，長期交流學習

推薦閱讀

我在阿里招前端，我該怎么幫你（可進模擬面試群）

2年前端經驗，做的項目沒技術含量，怎么辦？

點擊上方卡片關注我、加個星標

·················?若川簡介?·················

你好，我是若川，畢業于江西高校。現在是一名前端開發“工程師”。寫有《學習源碼整體架構系列》多篇，在知乎、掘金收獲超百萬閱讀。

從2014年起，每年都會寫一篇年度總結，已經寫了7篇，點擊查看年度總結。

同時，活躍在知乎@若川，掘金@若川。致力于分享前端開發經驗，愿景：幫助5年內前端人走向前列。