前端 code review 最佳實踐 All In One


前端 code review 最佳實踐 All In One

  1. 編碼風格,最佳實踐
// 1. 如果定義的變量,后面不需要修改,或者是object 類型的,只允許使用 const 聲明, 防止后面不小心被修改到;
// ❌ bad
let userId = 666;


// ✅ good
const userId = 666;

ESLint

// 為提高代碼的閱讀和維護成本,單個文件的 代碼行數不可以超過 500 行;



  1. 設計模式:業務邏輯,高內聚,低耦合
// 封裝,閉包,

  1. 組件化,可復用
// 抽離可復用組件,

  1. 踩坑記錄,經驗分享
// 開發過程遇到的技術和業務難點和實現思路



  1. 文檔化,可分享,可復制
// 整理成 wiki 文檔,有產出,形成知識庫


  1. 發散思維,使用新技術實現創新改造
// 新技術,不斷引進,並落地實踐

// TypeScript 提高代碼質量和降低 bug 率

// 輸入和輸出,字段、類型更清晰

...

Google 代碼審查

https://github.com/google/eng-practices

https://google.github.io/eng-practices/review/reviewer/

refs

https://www.cnblogs.com/xgqfrms/tag/code review/



©xgqfrms 2012-2020

www.cnblogs.com/xgqfrms 發布文章使用:只允許注冊用戶才可以訪問!

原創文章,版權所有©️xgqfrms, 禁止轉載 🈲️,侵權必究⚠️!



免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM