前端開發(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ī)范 文檔地址
- 類型
- 引用
- 對(duì)象
- 數(shù)組
- 解構(gòu)
- 字符串
- 函數(shù)
- 箭頭函數(shù)
- 類與構(gòu)造函數(shù)
- 模塊
- 迭代器與生成器
- 屬性
- 變量
- 提升
- 比較運(yùn)算符與相等
- 塊
- 控制語句
- 注釋
- 空格
- 逗號(hào)
- 分號(hào)
- 類型轉(zhuǎn)換與強(qiáng)制轉(zhuǎn)換
- 命名規(guī)范
- Get-Set 訪問器
- 事件
- jQuery
- ECMAScript 5 兼容性
- ECMAScript 6+ (ES 2015+) 風(fēng)格
- 標(biāo)準(zhǔn)庫(kù)
- 測(cè)試
- 性能
2.React開發(fā)規(guī)范 文檔地址
- 基本規(guī)則(Basic Rules)
- Class vs
React.createClass
vs stateless
- Class vs
- 混合(Mixins)
- 命名(Naming)
- 聲明(Declaration)
- 對(duì)齊(Alignment)
- 引號(hào)(Quotes)
- 空格(Spacing)
- 屬性(Props)
- 引用(Refs)
- 括號(hào)(Parentheses)
- 標(biāo)簽(Tags)
- 方法(Methods)
- 排序(Ordering)
isMounted
二. 網(wǎng)易編碼規(guī)范 文檔地址
- HTML規(guī)范 - 整體結(jié)構(gòu)
- HTML規(guī)范 - 代碼格式
- HTML規(guī)范 - 內(nèi)容語義
- HTML規(guī)范 - 郵件內(nèi)容
- CSS規(guī)范 - 分類方法
- CSS規(guī)范 - 命名規(guī)則
- CSS規(guī)范 - 代碼格式
- CSS規(guī)范 - 優(yōu)化方案
- CSS規(guī)范 - 最佳實(shí)踐
- CSS規(guī)范 - 典型錯(cuò)誤
- 工程師規(guī)范 - 開發(fā)準(zhǔn)備
- 工程師規(guī)范 - 開發(fā)過程
- 工程師規(guī)范 - 開發(fā)產(chǎn)出
三. Vue官方規(guī)范 文檔地址
四. ES6官方規(guī)范 文檔地址
五. Bootstrap 編碼規(guī)范 文檔地址
六. 凹凸實(shí)驗(yàn)室 編碼規(guī)范 文檔地址
前端開發(fā)之路無止境,保持永遠(yuǎn)在學(xué)習(xí)的路上。