web前端如何學習github上的項目?

學習了vue全家桶後自己也寫過小型的單頁面應用。現在在github上找了幾個項目準備深入研究下。那麼請問如何正確學習開源項目?或者說如何學習才能從中受益,而不是只是看了一遍項目架構。


謝邀

1. 認真閱讀 README,修正 README 的拼寫錯誤,發 PR。

2. 跑通項目的單元測試。如果單元測試覆蓋率不是 100% ,閱讀漏測的功能點,補充對應的單元測試用例,提高項目單元測試的覆蓋率,發 PR。

3. 閱讀 bug report issues,試著使用補充單元測試用例的方式復現該 bug。如果有能力修復,則修復它,發 PR。如果沒有能力修復,把自己的帶有失敗用例的倉庫地址回復在 issue 下面。

4. 閱讀 question issues,能在代碼中找到答案的,解答 issue。

5. 閱讀 feature request issues,禮貌地詢問 May I try implement it? 當得到肯定回復時,試著實現該 feature,發 PR。

6. 重複以上五步,直到你變成項目的 collaborator。

7. 恭喜你,你已經比大多數人都了解這個項目了。


github上面有很多簡單的demo,運行這些demo可以更加理解和運用這些知識。

例如阮一峰的github裡面就有關於react、webpack的簡單入門demo。

https://github.com/ruanyf

順便安利一個自己關於跨域的demo

https://github.com/FatDong1/cross-domain


先了解這個項目解決的是啥?

如果換你自己來解決,要怎麼做。不要只想,試著寫出來。

然後回過頭看他的代碼和你的有什麼不同。


推薦閱讀:

開發人員可以分為哪幾類?
支持ie8的mvvm框架比較?
Vue 2.0 為什麼選用 Flow 進行靜態代碼檢查而不是直接使用 TypeScript?
如果ECMAScript 2015+完全普及,原型鏈這種知識是否還有了解的必要?
webpack 只適合SPA嗎?

TAG:Web開發 | 前端開發 | 前端工程師 | Vuejs |