• 前端開發(fā)中，不同的開發(fā)者有不同的代碼編寫習(xí)慣，但實(shí)際項(xiàng)目中是需要協(xié)同開發(fā)的，想要高效的協(xié)同，規(guī)定一個(gè)大家都能接受的規(guī)范就尤為重要。

• 大公司都有一套自己的成熟的規(guī)范，小公司往往因人員不穩(wěn)定，項(xiàng)目預(yù)算不充足的情況下，更注重功能的實(shí)現(xiàn)，而忽略代碼規(guī)范。

• 小公司的開發(fā)規(guī)范我覺得可以跟開發(fā)框架的選擇一樣，采用跟隨策略，即大廠怎么制定，小公司就怎么定，只需要根據(jù)實(shí)際情況做些修改和妥協(xié)，初步建立起開發(fā)規(guī)范。

• 看大廠的開發(fā)規(guī)范也是提高自己編程能力的一種方式。

一. 阿里 github地址

1.JavaScript規(guī)范 文檔地址

• 1. 類型
• 2. 引用
• 3. 對(duì)象
• 4. 數(shù)組
• 5. 解構(gòu)
• 6. 字符串
• 7. 函數(shù)
• 8. 箭頭函數(shù)
• 9. 類與構(gòu)造函數(shù)
• 10. 模塊
• 11. 迭代器與生成器
• 12. 屬性
• 13. 變量
• 14. 提升
• 15. 比較運(yùn)算符與相等
• 16. 塊
• 17. 控制語句
• 18. 注釋
• 19. 空格
• 20. 逗號(hào)
• 21. 分號(hào)
• 22. 類型轉(zhuǎn)換與強(qiáng)制轉(zhuǎn)換
• 23. 命名規(guī)范
• 24. Get-Set 訪問器
• 25. 事件
• 26. jQuery
• 27. ECMAScript 5 兼容性
• 28. ECMAScript 6+ (ES 2015+) 風(fēng)格
• 29. 標(biāo)準(zhǔn)庫(kù)
• 30. 測(cè)試
• 31. 性能

2.React開發(fā)規(guī)范 文檔地址

• 1. 基本規(guī)則(Basic Rules)
• 2. Class vs React.createClass vs stateless
• 3. 混合(Mixins)
• 4. 命名(Naming)
• 5. 聲明(Declaration)
• 6. 對(duì)齊(Alignment)
• 7. 引號(hào)(Quotes)
• 8. 空格(Spacing)
• 9. 屬性(Props)
• 10. 引用(Refs)
• 11. 括號(hào)(Parentheses)
• 12. 標(biāo)簽(Tags)
• 13. 方法(Methods)
• 14. 排序(Ordering)
• 15. isMounted

二. 網(wǎng)易編碼規(guī)范 文檔地址

• 1. HTML規(guī)范 - 整體結(jié)構(gòu)
• 2. HTML規(guī)范 - 代碼格式
• 3. HTML規(guī)范 - 內(nèi)容語義
• 4. HTML規(guī)范 - 郵件內(nèi)容
• 5. CSS規(guī)范 - 分類方法
• 6. CSS規(guī)范 - 命名規(guī)則
• 7. CSS規(guī)范 - 代碼格式
• 8. CSS規(guī)范 - 優(yōu)化方案
• 9. CSS規(guī)范 - 最佳實(shí)踐
• 10. CSS規(guī)范 - 典型錯(cuò)誤
• 11. 工程師規(guī)范 - 開發(fā)準(zhǔn)備
• 12. 工程師規(guī)范 - 開發(fā)過程
• 13. 工程師規(guī)范 - 開發(fā)產(chǎn)出

三. Vue官方規(guī)范 文檔地址

四. ES6官方規(guī)范 文檔地址

五. Bootstrap 編碼規(guī)范 文檔地址

六. 凹凸實(shí)驗(yàn)室 編碼規(guī)范 文檔地址

前端開發(fā)之路無止境，保持永遠(yuǎn)在學(xué)習(xí)的路上。