持续5个月，200+笔记，3千多人参与，邀请你来学源码~
注意：本文點(diǎn)擊文末閱讀原文可查看文中所有鏈接。
我正在參加掘金年度人氣作者投票活動(dòng)，大家有空可以加微信群幫忙投票，感謝大家！
想起今天還沒發(fā)文，就開放下微信群二維碼，大家掃碼進(jìn)群讀源碼和幫忙投票吧。群里不定期發(fā)些紅包。
如果群滿了就掃碼加我微信ruochuan12，回復(fù)源碼拉你進(jìn)群。
為了能幫助到更多對(duì)源碼感興趣、想學(xué)會(huì)看源碼、提升自己前端技術(shù)能力的同學(xué)。
1提交筆記
【喜大普奔】筆記可以自己提交到語雀討論區(qū)啦\~[2]
所有筆記存放在語雀討論區(qū)[3]。
現(xiàn)在已經(jīng)有200多份了。
2常見問題
Q: 我工作年限比較短，能參與活動(dòng)嗎？會(huì)比較吃力嗎？
A: 可以。23屆（目前大三）的小姐姐都寫了7次筆記。一般推薦先讀Vue3工具函數(shù)，相對(duì)不難，有問題可以交流討論。
Q: 我目前不會(huì)vue、不會(huì)vue3、不會(huì)react、不會(huì)Node.js 可以參與嗎？
A: 可以。跟技術(shù)棧不是強(qiáng)相關(guān)，主要是原生JS和Node.js。Node.js 基本是每個(gè)前端必學(xué)，可以邊學(xué)邊查。有不懂的隨時(shí)在群里提問。
Q: 我現(xiàn)在比較忙，一時(shí)沒時(shí)間參與，交筆記有時(shí)間限制嗎？
A: 目前沒有限制。
Q: 必須交筆記嗎？
A: 目前不是必須，但我推薦看完了一期，記筆記。寫上當(dāng)時(shí)的收獲、總結(jié)和感受。
Q: 活動(dòng)收費(fèi)嗎？有懲罰嗎？
A: 目前不收費(fèi)。目前沒有懲罰，后續(xù)可能要求每人進(jìn)群后半個(gè)月內(nèi)至少提交第一次筆記。
3從易到難推薦學(xué)習(xí)順序
為了降低難度，促進(jìn)大家學(xué)習(xí)。由10組組長(zhǎng)傾力從易到難重新整理學(xué)習(xí)順序。**推薦大家按順序循序漸進(jìn)學(xué)習(xí)，查漏補(bǔ)缺，夯實(shí)基礎(chǔ)。**提高閱讀源碼的能力，提升前端技術(shù)能力。不知道怎么調(diào)試的看這篇文章：新手向：前端程序員必學(xué)基本技能——調(diào)試JS代碼[4]
第7期【validate-npm-package-name】: https://www.yuque.com/ruochuan12/notice/p7[5]
第19期 【axios/utils】axios 源碼中10多個(gè)工具函數(shù)[6]
第2期【@vuejs/shared】: 初學(xué)者也能看懂的 Vue3 源碼中那些實(shí)用的基礎(chǔ)工具函數(shù)[7]
第14期【promisify】: 從22行有趣的源碼庫中，我學(xué)到了 callback promisify 化的 Node.js 源碼實(shí)現(xiàn)[8]
第16期【only-allow】: 從 vue3 和 vite 源碼中，我學(xué)到了一行代碼統(tǒng)一規(guī)范團(tuán)隊(duì)包管理器的神器[9]
第20期【install-pkg】:Vue團(tuán)隊(duì)核心成員開發(fā)的39行小工具 install-pkg 安裝包，值得一學(xué)！[10]
第3期【vue-next-release】: Vue 3.2 發(fā)布了，那尤雨溪是怎么發(fā)布 Vue.js 的？[11]
第6期【update-notifier】: https://www.yuque.com/ruochuan12/notice/p6[12]
第8期【mitt、tiny-emitter】: 發(fā)布訂閱[13]
第10期【configstore】: https://www.yuque.com/ruochuan12/notice/p10[14]
第13期【open】: 每次啟動(dòng)項(xiàng)目的服務(wù)時(shí)，電腦竟然乖乖的幫我打開了瀏覽器，100行源碼揭秘！[15]
第18期【delay】面試官：請(qǐng)手寫一個(gè)帶取消功能的延遲函數(shù)，axios 取消功能的原理是什么[16]
第11期【vue-dev-server】: 尤雨溪幾年前開發(fā)的“玩具 vite”，才100多行代碼，卻十分有助于理解 vite 原理[17]
第9期【create-vue】: Vue 團(tuán)隊(duì)公開快如閃電的全新腳手架工具 create-vue，未來將替代 Vue-CLI，才300余行代碼，學(xué)它！[18]
第12期【@antfu/ni】: 尤雨溪推薦神器 ni ，能替代 npm/yarn/pnpm ？簡(jiǎn)單好用！源碼揭秘！[19]
第1期【vue-devtools】: 據(jù)說 99\% 的人不知道 vue-devtools 還能直接打開對(duì)應(yīng)組件文件？本文原理揭秘[20]
第15期【element-new】: 每次新增頁面復(fù)制粘貼？100多行源碼的 element-ui 新增組件功能告訴你減少重復(fù)工作[21]
第17期 【js-cookie】https://www.yuque.com/ruochuan12/notice/p17[22]
第5期【koa-compose】：50行代碼串行Promise，koa洋蔥模型原來是這么實(shí)現(xiàn)？[23]
第4期【co】: https://www.yuque.com/ruochuan12/notice/p4[24]
4流程圖一覽
簡(jiǎn)單說就是四步：
按照順序選擇其中一期開始，看任務(wù)。
看輔助文章、看源碼。
微信群交流討論，寫筆記，寫總結(jié)、收獲。
語雀討論區(qū)提交筆記。
5讀者評(píng)價(jià)
簡(jiǎn)單選擇了三個(gè)筆記中的感想。
評(píng)價(jià)一
川哥組織的這個(gè)活動(dòng)，給我最大的影響就是我對(duì)待源碼的態(tài)度發(fā)生了轉(zhuǎn)變。以前源碼給我的感覺是“可遠(yuǎn)觀而不可褻玩焉”，但是其實(shí)只要你認(rèn)真讀過一期，源碼就會(huì)變成良師益友。你可以坐下來傾聽他的思想，并從中受益良多，甚至可以和他交流，提出自己的想法，直至參與共建讓源碼更好。
評(píng)價(jià)二
川哥舉辦的源碼調(diào)試給我?guī)砹耸裁?#xff1f;
開始嘗試寫筆記
a. 源碼我都懂，讓我說出來或者寫出來，蒙了。
更注重細(xì)節(jié)
a. 以前看源碼就囫圇吞棗的過一遍
更注重應(yīng)用場(chǎng)景
a. 以前：原來這個(gè)方法是這樣實(shí)現(xiàn)的啊
b. 現(xiàn)在：看下測(cè)試用例，都是怎么使用的，某個(gè)判斷是為了解決什么問題
總之
是一個(gè)老手，那么現(xiàn)在川哥給了你一個(gè)交流討論的機(jī)會(huì)，去溫故而知新。
是一個(gè)新手，千里之行始于足下，有群里川哥和大佬們的幫助，勇敢邁出第一步。
寫筆記真是一個(gè)令人頭疼的東西。
評(píng)價(jià)三
我最近看了幾篇，川哥選的庫都很精妙啊，老手可以梳理體系，新手可以了解現(xiàn)代工程化，進(jìn)階架構(gòu)師必經(jīng)之路啊。
特別是這幾篇 create-vue、koa-compose、co、vue-dev-server，我都是熬夜看的，太起勁了。
本文持續(xù)更新。點(diǎn)擊閱讀原文查看鏈接。
參考資料有省略
[1]
具體投票方式點(diǎn)此查看。: https://www.yuque.com/ruochuan12/notice/juejin
[2]【喜大普奔】筆記可以自己提交到語雀討論區(qū)啦~: https://www.yuque.com/ruochuan12/topics/2
[3]語雀討論區(qū): https://yuque.com/ruochuan12/topics
[4]新手向：前端程序員必學(xué)基本技能——調(diào)試JS代碼: https://juejin.cn/post/7030584939020042254
總結(jié)
以上是生活随笔為你收集整理的持续5个月，200+笔记，3千多人参与，邀请你来学源码~的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： [html] HTML采用的是RGB颜
- 下一篇： 数据分析软件界面设计