大家好,我是若川。
最近來了一些新朋友,感謝大家關注~
相比于原生 JS 等源碼。我們或許更應該學習正在使用的組件庫的源碼(如:element、antd、vant、semi、arco、tdesign 等),先從簡單的看起,Button、Tabs、Countdown、Message、Dialog 等。有助于幫助我們熟悉框架本身,同時有助于自己寫業務或者寫自己的組件。這也是我常說要圍繞工作學習,在工作中做到又快又好,得到大家認可。會比自己學一些當下流行但工作用不上的技術會好一些。假設原先bug多,我們引入測試框架,能有效減少bug。也是一個學習方向。
我目前有輸出3篇 vant 組件庫源碼的文章,用 vue 的小伙伴不妨學這三篇有問題在群里交流討論。
專欄鏈接(可點文末閱讀原文直達):https://juejin.cn/column/7140264842954276871
分別是:
- 《vant 4 即將正式發布,支持暗黑主題,那么是如何實現的呢》
- 《跟著 vant4 源碼學習如何用 vue3+ts 開發一個 loading 組件,僅88行代碼》
- 《分析 vant4 源碼,如何用 vue3 + ts 開發一個瀑布流滾動加載的列表組件?》
學習源碼或許是重要但不緊急的事情。如果你用心學習了,輸出了一系列文章,那絕對超過絕大多數人。
除此之外,可以多嘗試學習其他開源項目的源碼,擁抱開源,會讓自己更上一層樓。不知道怎么學?點此掃碼加我微信 ruochuan12 ,參加源碼共讀。或者直接掃碼下方二維碼加我好友,進源碼共讀微信群參與。
摘抄幾個參加源碼共讀中的讀者筆記中感悟,分享給大家。
以下出自:作者@月夏
鏈接:https://juejin.cn/post/7144288016155017252
今天分析調試了vue的發包源碼 scripts/release.js ,對 vue 的發布流程有了更進一步的了解,若日常開發中需要優化更新日志可以借鑒尤大的做法。不知不覺已經是學習源碼的第10篇文章了,對源碼也由最初的恐懼變得親切😄,每學一次源碼都覺得自己掌握的東西過于淺薄,開源項目作者們的思路都很優秀,有很多可以借鑒學習的地方。寧靜致遠,靜下來慢慢分析,其實源碼也沒有想象中的那么難,而且每分析完一次源碼都會增強自己下一次學習的信心,最后將源碼中學到的東西應用到自己的實際項目中真的可以提高效率,受益匪淺!
以下出自:作者@pino
鏈接:https://juejin.cn/post/7119253480170061855
剛開始看源碼的時候各種不適應,但是只要沉下心去一步一步的調試,結合測試用例,有些東西真的沒有想象中那么難,主要還是重在行動,想到了一個念頭和想法就趕緊去做,拒絕拖沓,只有真正的行動去學習,去獲取,去感知,才能真正的進步!💪
以下出自:作者@那個曾經的少年回來了
鏈接:https://juejin.cn/post/7121512058725597191
通過調試源碼發現,只要仔細一點稍微花點時間,原來也能看懂尤大寫的代碼,沒有想象中的那么難,而且感覺邏輯非常清晰,閱讀起來很優雅。所以大家如果有想看源碼,或者參加若川源碼共讀活動的,一定要大膽一些,不要慫,事情真的沒有那么難。
有點目的性的閱讀源碼似乎更高效,這樣針對性很強,不會大一統所有的源碼都會過一下,時間一下子就過去了,每次帶著一個小問題去看源碼或許也是若川大佬的精髓所指。
通過閱讀源碼,就是把看不懂的函數方法關鍵字等,不斷的查漏補缺。或者在這里的用法或者寫法不一樣,等等各種超乎你想象的用法、場景...,收獲真的是非常大,尤其是看完后再寫一篇小文總結出來,真的就比讀一遍別人寫的收獲要多好幾倍的感覺。
所以如果你還在猶豫自己看不懂,自己行不行等等借口,作為一個前端還不到兩年經驗的人告訴你,加加油相信自己,你完全可以的。最后一定要行動起來。