4月，誠邀你參加源碼共讀，學會看源碼，打開新世界！開闊視野

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

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

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

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

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

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

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

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

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

eb9b7badf2b08720ee107431628645a9.png

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代碼

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3流程圖一覽

簡單說就是四步：

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

  2. 看輔助文章、看源碼。

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

  2. 語雀討論區提交筆記。

57dca8c7ec89c62e389e501350be92a4.png

4讀者評價

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

評價一

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

評價二

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

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

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

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

評價三

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

5點擊閱讀原文查看

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

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

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

05ba77a97c0d42037fe451fc4d743e0c.png

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

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

dbc9c4bf4421f81e38f2e5c96fefc4a0.png

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/274775.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/274775.shtml
英文地址，請注明出處：http://en.pswp.cn/news/274775.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！

相關文章

bt709和srgb_選擇用于多用途視頻編輯和色彩校正的顯示器— sRGB，DCI-P3，REC 709

bt709和srgb_選擇用于多用途視頻編輯和色彩校正的顯示器— sRGB，DCI-P3，REC 709

bt709和srgb**Note from the author: if you enjoy this article, please follow me or this publication for more video production and marketing related content.****作者注：如果您喜歡本文，請關注我或此出版物以獲取更多與視頻制作和營銷相關的內容…
閱讀更多...
超4000人參加源碼共讀，喊你來一起學習成長~打開新世界

超4000人參加源碼共讀，喊你來一起學習成長~打開新世界

大家好，我是若川。很多關注我的新朋友可能不知道我組織了源碼共讀活動~也有很多人不知道我是誰。有人以為我是80后。有人以為我是全職自媒體等等。若川的 2021 年度總結，彈指之間 這篇文章寫了我是16年畢業的，或許有些啟發。源碼共讀按照從易…
閱讀更多...
figma設計_如何在Figma中構建設計入門套件（第二部分）

figma設計_如何在Figma中構建設計入門套件（第二部分）

figma設計Figma教程 (Figma Tutorial) With this short, but informative Tutorial Series I aim to show you how to build the solid foundations of a powerful, and versatile Design Starter Kit, enabling you to start your next project in Figma faster than ever bef…
閱讀更多...
Hibernate 簡介(百度)

Hibernate 簡介(百度)

Hibernate是一個開放源代碼的對象關系映射框架，它對JDBC進行了非常輕量級的對象封裝，使得Java程序員可以隨心所欲的使用對象編程思維來操縱數據庫。 Hibernate可以應用在任何使用JDBC的場合，既可以在Java的客戶端程序使用，也可以在…
閱讀更多...
GitHub 最受歡迎的Top 20 JavaScript 項目

GitHub 最受歡迎的Top 20 JavaScript 項目

大家好，我是若川。持續組織了8個月源碼共讀活動，感興趣的可以點此加我微信 ruochuan12 參與，每周大家一起學習200行左右的源碼，共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試系列今天來…
閱讀更多...
java反編譯，eclipse支持插件

java反編譯，eclipse支持插件

http://java.decompiler.free.fr/?qjdeclipse 按照說明 在eclipse更新插件就可以。 這樣 在一些 閉源的jar文件，你也可以看到 大致的源碼。（公司 知道如何 加密混淆 java代碼或class文件，居然無法使用jd-gui瀏覽源碼） 而&#xf…
閱讀更多...
unity vr 交互_基于手動的VR / MR交互，用于刪除實體

unity vr 交互_基于手動的VR / MR交互，用于刪除實體

unity vr 交互Deleting an entity or closing an application is one of the most ubiquitous operations performed in any application. It is necessary for the organization of the data. On the computer, there are multiple ways to delete a file like cmd delete, d…
閱讀更多...
手把手帶你走進Babel的編譯世界

手把手帶你走進Babel的編譯世界

大家好，我是若川。持續組織了8個月源碼共讀活動，感興趣的可以點此加我微信 ruochuan12 參與，每周大家一起學習200行左右的源碼，共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試系列前言談…
閱讀更多...
iPhone/Mac Objective-C內存管理教程和原理剖析(二)口訣與范式轉

iPhone/Mac Objective-C內存管理教程和原理剖析(二)口訣與范式轉

版權聲明 此文版權歸作者Vince Yuan (vince.yuan#gmail.com)所有。歡迎非營利性轉載，轉載時必須包含原始鏈接http://vinceyuan.cnblogs.com，且必須包含此版權聲明的完整內容。 版本 1.1 發表于2010-03-08 二 口訣與范式 1 口訣。 1.1 …
閱讀更多...
同態加密應用_重新設計具有同態性的銀行應用

同態加密應用_重新設計具有同態性的銀行應用

同態加密應用Catering user preference is undoubtedly a never-ending task. End of the day, it takes all sorts to make a world. For that reason, it is deemed important to design with the accent of communicating core business value, and resolving user needs wi…
閱讀更多...
(字節/華為/美團)前端面經記錄冷冷清清的金三銀四

(字節/華為/美團)前端面經記錄冷冷清清的金三銀四

大家好，我是若川。持續組織了8個月源碼共讀活動，感興趣的可以點此加我微信 ruochuan12 參與，每周大家一起學習200行左右的源碼，共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試系列從畢業…
閱讀更多...
PHP連接PGSQL

PHP連接PGSQL

function conn($hostName,$Login,$Password,$dbName,$Port) //建立目標數據庫連接 {$conn &ADONewConnection(postgres8);$conn->debug false; //true時adodb將在頁面顯示debug信息$conn->LogSQL(false); //true時adodb將建立adodb_sqllog表記錄每次sql操作$conn-&…
閱讀更多...
netflix_Netflix播放按鈕剖析

netflix_Netflix播放按鈕剖析

netflixWe will develop a play pause button similar to the one the Netflix video player has.我們將開發一個類似于Netflix視頻播放器的播放暫停按鈕。 Since Swift has replaced Objective-C as the default development language for iOS, the same will apply to Swift…
閱讀更多...
TypeScript 終極初學者指南

TypeScript 終極初學者指南

大家好，我是若川。持續組織了8個月源碼共讀活動，感興趣的可以點此加我微信 ruochuan12 參與，每周大家一起學習200行左右的源碼，共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試系列在過去…
閱讀更多...
繼承與多態（六）

繼承與多態（六）

繼承 1.繼承 a。.直接在類的后面加上冒號“：”后面跟基類，就該類就繼承了基類的一切特性了。 b。private類不能被繼承，只有public、protected類能被繼承。 c。private類不里面所有的屬性和方法都不能被外界訪問，只有他自己可以。 …
閱讀更多...
標記偏見_如何（巧妙地）扭曲視覺效果以支持您的偏見敘事

標記偏見_如何（巧妙地）扭曲視覺效果以支持您的偏見敘事

標記偏見Data is important — it is the logical justification for world-changing decisions. Unfortunately, arrays of numbers don’t tell as interpretable a story as a picture does, providing an insatiable need for data visualizations.數據很重要-這是改變世界…
閱讀更多...
高瓴投資，頂配創業團隊，dora 誠招前端 / Flutter

高瓴投資，頂配創業團隊，dora 誠招前端 / Flutter

dora 是一個可以跨越設計稿，直接生成應用的新一代設計工具。讓任何 Creator 都能輕松構建個性化的網站和應用，無需編寫一行代碼。通過自主研發的全新技術，我們為用戶打造了完全自由度的設計與開發體驗，足以滿足任何復雜場景的個性…
閱讀更多...
獵鷹spacex_SpaceX：簡單，美觀的界面是未來

獵鷹spacex_SpaceX：簡單，美觀的界面是未來

獵鷹spacex重點 (Top highlight)A photo has been floating around the internet showing how the interior of the new Dragon spacecraft differs from the Space Shuttle. The difference is staggering, but not entirely suprprising. After all the Shuttle started oper…
閱讀更多...
object的classid收集

object的classid收集

比如&#xff1a; wbbrowser控件 <OBJECT idWB classidCLSID:8856F961-340A-11D0-A96B-00C04FD705A2 VIEWASTEXT></OBJECT> 畫圖控件 <OBJECT idSGrfxCtl1 classidclsid:369303C2-D7AC-11D0-89D5-00A0C90833E6 ></OBJECT> 上下滾動條控件 <OB…
閱讀更多...
如何高效學習前端新知識，拓展視野，我推薦

如何高效學習前端新知識，拓展視野，我推薦

技術日新月異&#xff0c;發展迅速&#xff0c;作為一個與時俱進的互聯網人&#xff0c;需要不斷地學習擴寬視野。今天為大家推薦幾個技術領域中出類拔萃的公眾號&#xff0c;它們的每一篇推文都值得你點開&#xff01;1前端開發愛好者學習路線 數據結構算法 前端進階「前端開發…
閱讀更多...
最新文章

Copyright @ 2022~2023