或許是我們學錯了方向?

大家好,我是若川。

最近來了一些新朋友,感謝大家關注~

相比于原生 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 ,參加源碼共讀。或者直接掃碼下方二維碼加我好友,進源碼共讀微信群參與。

f1505eefdb5e2ab7fa8beb39e8041a62.jpeg


摘抄幾個參加源碼共讀中的讀者筆記中感悟,分享給大家。

以下出自:作者@月夏
鏈接:https://juejin.cn/post/7144288016155017252

今天分析調試了vue的發包源碼 scripts/release.js ,對 vue 的發布流程有了更進一步的了解,若日常開發中需要優化更新日志可以借鑒尤大的做法。不知不覺已經是學習源碼的第10篇文章了,對源碼也由最初的恐懼變得親切😄,每學一次源碼都覺得自己掌握的東西過于淺薄,開源項目作者們的思路都很優秀,有很多可以借鑒學習的地方。寧靜致遠,靜下來慢慢分析,其實源碼也沒有想象中的那么難,而且每分析完一次源碼都會增強自己下一次學習的信心,最后將源碼中學到的東西應用到自己的實際項目中真的可以提高效率,受益匪淺

以下出自:作者@pino
鏈接:https://juejin.cn/post/7119253480170061855

剛開始看源碼的時候各種不適應,但是只要沉下心去一步一步的調試,結合測試用例,有些東西真的沒有想象中那么難,主要還是重在行動,想到了一個念頭和想法就趕緊去做,拒絕拖沓,只有真正的行動去學習,去獲取,去感知,才能真正的進步!💪


以下出自:作者@那個曾經的少年回來了
鏈接:https://juejin.cn/post/7121512058725597191

通過調試源碼發現,只要仔細一點稍微花點時間,原來也能看懂尤大寫的代碼,沒有想象中的那么難,而且感覺邏輯非常清晰,閱讀起來很優雅。所以大家如果有想看源碼,或者參加若川源碼共讀活動的,一定要大膽一些,不要慫,事情真的沒有那么難

有點目的性的閱讀源碼似乎更高效,這樣針對性很強,不會大一統所有的源碼都會過一下,時間一下子就過去了,每次帶著一個小問題去看源碼或許也是若川大佬的精髓所指。

通過閱讀源碼,就是把看不懂的函數方法關鍵字等,不斷的查漏補缺。或者在這里的用法或者寫法不一樣,等等各種超乎你想象的用法、場景...,收獲真的是非常大,尤其是看完后再寫一篇小文總結出來,真的就比讀一遍別人寫的收獲要多好幾倍的感覺

所以如果你還在猶豫自己看不懂,自己行不行等等借口,作為一個前端還不到兩年經驗的人告訴你,加加油相信自己,你完全可以的。最后一定要行動起來。

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

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

相關文章

Android 默認Tab標簽大小及間距修改

一般來說,我都是用Android默認的Tab,但此時Android會根據你增加的Tab頁面平均分配Tab標簽,假如你只有兩個Tab,那么長度將會很長,并且其高度略微過高,并不好看,網上解決這個問題有些是自定義Tab。…

ui設計看的書_5本關于UI設計的書

ui設計看的書Want to develop a better eye and vocabulary for judging layouts, type choices and imagery?是否想開發一種更好的眼神和詞匯來判斷布局,類型選擇和圖像? According to performance experts, the best way to learn is to gain lots o…

GitHub 這8大超實用小技巧,99.9%的人都不知道!

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

android的消息處理機制(圖+源碼分析)——Looper,Handler,Message

http://www.cnblogs.com/codingmyworld/archive/2011/09/12/2174255.html 還有相關的如下鏈接需要仔細check: http://mindtherobot.com/blog/159/android-guts-intro-to-loopers-and-handlers/ http://www.cnblogs.com/keyindex/articles/1822463.html轉載于:https:…

案例研究設計與方法-羅伯_旭進口重新設計-用戶體驗案例研究

案例研究設計與方法-羅伯Asahi Imports is a Japanese grocery store located in central Austin, Texas. It has a passionate following, over fifty years’ history, and strong business growth. But its website is showing its age, and not hitting its full potential…

Taro v3.6 代號為「Reach」,已發布 canary 版本

大家好,我是若川。我持續組織了近一年的源碼共讀活動,感興趣的可以 點此掃碼加我微信 lxchuan12 參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試…

axure rp 創建彈框_如何在Axure RP 9中創建交換機

axure rp 創建彈框Axure is a well-known prototyping tool with a lot of history, it has been around for years. You can create almost any kind of prototypes from simple ones to more complex ones with variables and logic without writing a single line of code (…

linux下使用cmake構建C/C++項目

cmake下載安裝: 下載地址: http://www.cmake.org/cmake/resources/software.html wget http://www.cmake.org/files/v2.8/cmake-2.8.10.2.tar.gz tar zxvf cmake-2.8.10.2.tar.gz cd cmake-2.8.10.2 ./configure gmake (不知道是不是必須的,提示要這么干…

用 Vue3 手撕了個企業級項目,真香!

最近幾年,隨著短視頻、小程序、直播帶貨的火爆,前端開發工程師越來越熱門,薪資待遇也快接近后端開發工程師了,前端領域進化為內卷重災區。然而伴隨著 Vue 3.0 的發布,前端技術也迎來了一次大革新,像是字節跳…

界面設計語言_使用任何語言設計界面的提示

界面設計語言Designing for international audiences is challenging. I spent most of my career in Australia designing exclusively in English. Australian English is ‘unique’ in the sense that we are really into slang, puns, idioms.為國際觀眾設計是具有挑戰性的…

托管代碼和非托管代碼

托管代碼和非托管代碼有什么區別呢?從字面上理解,只是一個是被托管的,另一個是沒有被托管的。但是,被托管的托管代碼是被誰管著呢?讓我們先來看看它們的定義。 托管代碼:由公共語言運行庫環境(而…

如何實現前端新手引導功能?

大家好,我是若川。我持續組織了近一年的源碼共讀活動,感興趣的可以 點此掃碼加我微信 lxchuan12 參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試…

hp-ux鎖定用戶密碼_UX設計101:提出正確的問題-規劃和促進用戶訪談

hp-ux鎖定用戶密碼這是什么? (What is this?) This session is part of a learning curriculum that I designed to incrementally skill up and empower a team of Designers and Researchers whose skillset and ways of working needed to evolve to keep up wi…

我與掘金合作出了源碼共讀第一期,首發超400人報名,快來參與~

大家好,我是若川。最近有不少新朋友關注我。對我不是很了解的,或許可以讀我的2021年度總結。誠邀各位新老讀者朋友參加源碼共讀活動。同時我和掘金合作,共同出了源碼共讀第一期,11月25日——12月25日,獎品豐厚。我是前…

ASP.NET repeater添加序號列的方法

ASP.NET repeater添加序號列的方法 1、<itemtemplate> <tr><td> <%# Container.ItemIndex 1%> </td></tr> </itemtemplate> 2、<itemtemplate> <tr><td> <%# this.rpResult.Items.Count 1%> </td>&…

mac基本操作技巧_6個基本設計技巧

mac基本操作技巧“In everything you do, refine your skills and knowledge about fundamental concepts and simple cases. Once is never enough. As you revisit fundamentals, you will find new insights. It may appear that returning to basics is a step backward an…

如何突破技術瓶頸(適合P6以下)

大家好&#xff0c;我是若川。我持續組織了近一年的源碼共讀活動&#xff0c;感興趣的可以 點此掃碼加我微信 lxchuan12 參與&#xff0c;每周大家一起學習200行左右的源碼&#xff0c;共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試…

stack smash_扶手椅VGUX:Super Smash Bros.Ultimate

stack smashEasily far the most exciting news out of Super Smash Bros. Ultimate’s announcement was that every single character would be returning to the game.asily迄今為止最令人興奮的消息了任天堂明星大亂斗最終宣布的是&#xff0c; 每一個字符會被返回到游戲中…

《Two Dozen Short Lessons in Haskell》學習(十)- Private Definitions — the where-clause

《Two Dozen Short Lessons in Haskell》&#xff08;Copyright © 1995, 1996, 1997 by Rex Page&#xff0c;有人翻譯為Haskell二十四學時教程&#xff0c;該書如果不用于贏利&#xff0c;可以任意發布&#xff0c;但需要保留他們的copyright&#xff09;這本書是學習 Ha…

我和掘金合作的源碼共讀小冊報名快1000人了~

眾所周知&#xff0c;我和掘金合作出了源碼共讀第一期。我是前端領讀員。現在報名快1000人了~獎品豐厚。也有一些小伙伴已經寫了好幾期筆記了~但相對1000人寫的還是太少。什么&#xff1f;你不知道&#xff1f;那也很正常&#xff0c;畢竟我的公眾號常讀人數比較少。大部分人都…