大家好，我是若川。很多關注我的新朋友可能不知道我組織了源碼共讀活動~

也有很多人不知道我是誰。有人以為我是80后。有人以為我是全職自媒體等等。若川的 2021 年度總結，彈指之間?這篇文章寫了我是16年畢業的，或許有些啟發。

源碼共讀按照從易到難的順序，前面幾期（比如：vue2工具函數、axios工具函數）很多都只需要花2-3小時就能看完，并寫好筆記。

但收獲確實很大。夯實基礎、開闊視野、查漏補缺、升職加薪。已經有600+筆記了~有的人因為參加活動學以致用，得到了公司的1000元獎勵。有的人找到了工作。

從8月份到現在4月份了。每周一期，一起讀200行左右的源碼，撰寫輔助文章，截止到現在整整N個月了。

掃碼加我微信 ruochuan12 ，發送源碼即可進微信群參與學習。

由寫有《學習源碼整體架構系列》20余篇的若川【若川視野公眾號號主】傾力組織，召集了各大廠對于源碼感興趣的同學共同參與，每周一起學200行左右的源碼。目前4000+人參與。

為了能幫助到更多對源碼感興趣、想學會看源碼、提升自己前端技術能力的同學。

這事也不賺錢，但也算是盡全力了，花費了很多時間在上面。當然現在還有很多問題：比如參與度不高，需要持續迭代優化。雖然很難，但目前沒有放棄的想法，堅持做難且正確的事情。

1常見問題

Q: 我工作年限比較短，能參與活動嗎？會比較吃力嗎？
A: 可以。23屆（目前大三）的小姐姐都寫了10次筆記。一般推薦按從易到難的順序學習，相對不難，有問題可以交流討論。

Q: 我目前不會vue、不會vue3、不會react、不會Node.js 可以參與嗎？
A: 可以。跟技術棧不是強相關，主要是原生JS和Node.js。Node.js 基本是每個前端必學，可以邊學邊查。有不懂的隨時在群里提問。重點是學會看源碼，之后進步就會很大。

Q: 我現在比較忙，一時沒時間參與，交筆記有時間限制嗎？
A: 目前沒有限制。

Q: 必須交筆記嗎？
A: 目前不是必須，但我推薦看完了一期，記筆記。寫上當時的收獲、總結和感受。

Q: 活動收費嗎？有懲罰嗎？
A: 目前不收費。目前沒有懲罰，后續可能要求每人進群后半個月內至少提交第一次筆記。

本文持續更新。

2從易到難推薦學習順序

為了降低難度，促進大家學習。由10組組長傾力從易到難重新整理學習順序。

基本和技術棧不是強相關，主要是原生JS和Nodejs。

推薦大家按順序循序漸進學習，查漏補缺，夯實基礎。提高閱讀源碼的能力，提升前端技術能力。對于不熟悉調試的同學可以看我的這篇文章：新手向：前端程序員必學基本技能——調試JS代碼

第24期【vue2 utils】: 初學者也能看懂的 Vue2 源碼中那些實用的基礎工具函數

第19期 【axios/utils】axios 源碼中10多個工具函數

第23期【vue this】: 為什么 Vue2 this 能夠直接獲取到 data 和 methods ? 源碼揭秘！

第7期【validate-npm-package-name】: https://www.yuque.com/ruochuan12/notice/p7

第14期【promisify】: 面試官：請實現一個通用函數把 callback 轉成 promise

第2期【@vuejs/shared】: 初學者也能看懂的 Vue3 源碼中那些實用的基礎工具函數

第22期【dotenv】: 面試官：項目中常用的 .env 文件原理是什么？如何實現？

第16期【only-allow】: 從 vue3 和 vite 源碼中，我學到了一行代碼統一規范團隊包管理器的神器

第25期【debounce】: https://www.yuque.com/ruochuan12/notice/25

第21期【await-to-js】: https://www.yuque.com/ruochuan12/notice/p4

第20期【install-pkg】:Vue團隊核心成員開發的39行小工具 install-pkg 安裝包，值得一學！

第26期【classnames】: https://www.yuque.com/ruochuan12/notice/p26

第10期【configstore】: https://www.yuque.com/ruochuan12/notice/p10

第3期【vue-next-release】: Vue 3.2 發布了，那尤雨溪是怎么發布 Vue.js 的？

第8期【mitt、tiny-emitter】: 發布訂閱

第6期【update-notifier】: https://www.yuque.com/ruochuan12/notice/p6

第13期【open】: 每次啟動項目的服務時，電腦竟然乖乖的幫我打開了瀏覽器，100行源碼揭秘！

第18期【delay】面試官：請手寫一個帶取消功能的延遲函數，axios 取消功能的原理是什么

第11期【vue-dev-server】: 尤雨溪幾年前開發的“玩具 vite”，才100多行代碼，卻十分有助于理解 vite 原理

第9期【create-vue】: Vue 團隊公開快如閃電的全新腳手架工具 create-vue，未來將替代 Vue-CLI，才300余行代碼，學它！

第12期【@antfu/ni】: 尤雨溪推薦神器 ni ，能替代 npm/yarn/pnpm ？簡單好用！源碼揭秘！

第1期【vue-devtools】: 據說 99% 的人不知道 vue-devtools 還能直接打開對應組件文件？本文原理揭秘

第15期【element-new】: 每次新增頁面復制粘貼？100多行源碼的 element-ui 新增組件功能告訴你減少重復工作

第17期 【js-cookie】https://www.yuque.com/ruochuan12/notice/p17

第5期【koa-compose】：50行代碼串行Promise，koa洋蔥模型原來是這么實現？

第4期【co】: https://www.yuque.com/ruochuan12/notice/p4

3流程圖一覽

簡單說就是四步：

選擇其中一期開始，看任務。

看輔助文章、看源碼。

微信群交流討論，寫筆記，寫總結、收獲。

語雀討論區提交筆記。

4讀者評價

簡單選擇了三個筆記中的感想。

評價一

川哥組織的這個活動，給我最大的影響就是我對待源碼的態度發生了轉變。以前源碼給我的感覺是“可遠觀而不可褻玩焉”，但是其實只要你認真讀過一期，源碼就會變成良師益友。你可以坐下來傾聽他的思想，并從中受益良多，甚至可以和他交流，提出自己的想法，直至參與共建讓源碼更好。

評價二

川哥舉辦的源碼調試給我帶來了什么？

開始嘗試寫筆記
a. 源碼我都懂，讓我說出來或者寫出來，蒙了

更注重細節
a. 以前看源碼就囫圇吞棗的過一遍

更注重應用場景
a. 以前：原來這個方法是這樣實現的啊
b. 現在：看下測試用例，都是怎么使用的，某個判斷是為了解決什么問題
總之
是一個老手，那么現在川哥給了你一個交流的平臺，去溫故而知新。
是一個新手，千里之行始于足下，有群里川哥和大佬們的幫助，勇敢邁出第一步。
寫筆記真是一個令人頭疼的東西。

評價三

我最近看了幾篇，川哥選的庫都很精妙啊，老手可以梳理體系，新手可以了解現代工程化，進階架構師必經之路啊。
特別是這幾篇 create-vue、koa-compose、co、vue-dev-server，我都是熬夜看的，太起勁了。

5點擊閱讀原文查看

公眾號文章無法更新，點擊閱讀原文，本文持續更新。

最后再次邀請你進源碼群，一起學習源碼

可以掃碼加我微信?ruochuan12?進群，拉你進群，一起學習共同進步。

微信公眾號訂閱號改版，你可能經常看不到我的消息推送。

如果不想錯過我的公眾號推送，可以點擊上方卡片——點擊更多（...）——設為星標，就不容易錯過了。感謝~

總結

以上是生活随笔為你收集整理的超4000人参加源码共读，喊你来一起学习成长~打开新世界的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。