Vue造輪子簡易版(階段性總結)

1. 課前水平自測

  • 要對 JS,CSS,SVG 非常瞭解才能造 UI 輪子

2. 沒有需求就不要寫代碼,沒有設計稿也不要寫代碼

  • 沒有設計稿就問設計要,不給就鬧,把事情鬧的越大越好,只要不寫代碼做什麼都是對的

3. 單元測試是重構的前提

  • 單元測試能保證大概率沒有 Bug

4. 對於工具的使用,學 ES/SCSS/Webpack 能用就行

5. 設計模式

  • 發佈訂閱模式,tabs 組件裏的 eventBus,emit/on/off,發佈訂閱模式一定要有發佈者,訂閱者和事件中心
  • 單項數據流-tabs 組件,collapse,收到數據更新,自己不改通知父親改,這改 React 奠定了基礎,越是複雜的數據,越是要用單向數據流
  • 正交,兩個 props 不能相互影響,也就是說所有的屬性不要控制同一個東西。
    • 判斷是否正交的依據在於,一個屬性任意的改會不會影響另一個屬性。
  • 可測試代碼
    • 添加屬性爲了測試的時候選中這個屬性,比如添加:data-name="name"
  • 不要讓人思考
    • 即使是一行也要抽出來,作爲一個函數。

6. 面向離職寫代碼的好處

  • 所有東西文檔化
  • 被觀察感->嚴格要求
  • 團隊中表現優異, 寫完輪子不給升職加薪就好走了

最後,個人微信,歡迎交流!

wechat0.jpg

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章