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. 面向離職寫代碼的好處
- 所有東西文檔化
- 被觀察感->嚴格要求
- 團隊中表現優異, 寫完輪子不給升職加薪就好走了