前端開發(fā)規(guī)范

  • 前端開發(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. 類型
    1. 引用
    1. 對(duì)象
    1. 數(shù)組
    1. 解構(gòu)
    1. 字符串
    1. 函數(shù)
    1. 箭頭函數(shù)
    1. 類與構(gòu)造函數(shù)
    1. 模塊
    1. 迭代器與生成器
    1. 屬性
    1. 變量
    1. 提升
    1. 比較運(yùn)算符與相等
    1. 控制語句
    1. 注釋
    1. 空格
    1. 逗號(hào)
    1. 分號(hào)
    1. 類型轉(zhuǎn)換與強(qiáng)制轉(zhuǎn)換
    1. 命名規(guī)范
    1. Get-Set 訪問器
    1. 事件
    1. jQuery
    1. ECMAScript 5 兼容性
    1. ECMAScript 6+ (ES 2015+) 風(fēng)格
    1. 標(biāo)準(zhǔn)庫(kù)
    1. 測(cè)試
    1. 性能

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

    1. 基本規(guī)則(Basic Rules)
    1. Class vs React.createClass vs stateless
    1. 混合(Mixins)
    1. 命名(Naming)
    1. 聲明(Declaration)
    1. 對(duì)齊(Alignment)
    1. 引號(hào)(Quotes)
    1. 空格(Spacing)
    1. 屬性(Props)
    1. 引用(Refs)
    1. 括號(hào)(Parentheses)
    1. 標(biāo)簽(Tags)
    1. 方法(Methods)
    1. 排序(Ordering)
    1. isMounted

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

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

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

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

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

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

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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 前端基礎(chǔ)規(guī)范 開發(fā)IDE 1.webstorm 下載地址,需破解激活或直接下載破解版,功能全能強(qiáng)大,自帶git版本...
    再見那卑微的再見閱讀 451評(píng)論 0 4
  • 參考airbnb規(guī)范,該規(guī)范是airbnb定義的eslint規(guī)范,從github上來看,受歡迎程度很高,選擇這個(gè)做...
    li4065閱讀 2,303評(píng)論 0 0
  • 一、概述 本規(guī)范旨在為前端程序的開發(fā)者提供規(guī)范化最新的指導(dǎo),可用于程序員個(gè)人編譯環(huán)境以及研發(fā)團(tuán)隊(duì)集成環(huán)境等場(chǎng)合的代...
    flyinskybiu閱讀 3,115評(píng)論 0 2
  • 為提高團(tuán)隊(duì)協(xié)作效率, 便于后臺(tái)人員添加功能及前端后期優(yōu)化維護(hù),輸出高質(zhì)量的文檔,特制訂此文檔。 本規(guī)范文檔一經(jīng)確認(rèn)...
    行走的蛋白質(zhì)閱讀 333評(píng)論 0 0
  • 團(tuán)隊(duì)開發(fā)需要遵守一定的開發(fā)規(guī)范,有效降低bug率,提高維護(hù)效率,方便代碼review,本章基于Airbnb公司發(fā)布...
    EndyJ閱讀 746評(píng)論 0 0