前端代碼規(guī)范 概述

歡迎使用前端代碼規(guī)范，使用過(guò)程中如碰到問(wèn)題，請(qǐng)到 Github 進(jìn)行提問(wèn)。

關(guān)于

前端代碼規(guī)范 是由 凹凸實(shí)驗(yàn)室 整理的，基于 W3C、蘋(píng)果開(kāi)發(fā)者 等官方文檔，并結(jié)合團(tuán)隊(duì)日常業(yè)務(wù)需求以及團(tuán)隊(duì)在日常開(kāi)發(fā)過(guò)程中總結(jié)提煉出的經(jīng)驗(yàn)而制定。

旨在增強(qiáng)團(tuán)隊(duì)開(kāi)發(fā)協(xié)作、提高代碼質(zhì)量和打造開(kāi)發(fā)基石的編碼規(guī)范，

以下規(guī)范是團(tuán)隊(duì)基本約定的內(nèi)容，必須嚴(yán)格遵循。

HTML規(guī)范

基于 W3C、蘋(píng)果開(kāi)發(fā)者 等官方文檔，并結(jié)合團(tuán)隊(duì)業(yè)務(wù)和開(kāi)發(fā)過(guò)程中總結(jié)的規(guī)范約定，讓頁(yè)面HTML代碼更具語(yǔ)義性。

圖片規(guī)范

了解各種圖片格式特性，根據(jù)特性制定圖片規(guī)范，包括但不限于圖片的質(zhì)量約定、圖片引入方式、圖片合并處理等，旨在從圖片層面優(yōu)化頁(yè)面性能。

CSS規(guī)范

統(tǒng)一規(guī)范團(tuán)隊(duì) CSS 代碼書(shū)寫(xiě)風(fēng)格和使用 CSS 預(yù)編譯語(yǔ)言語(yǔ)法風(fēng)格，提供常用媒體查詢(xún)語(yǔ)句和瀏覽器私有屬性引用，并從業(yè)務(wù)層面統(tǒng)一規(guī)范常用模塊的引用。

命名規(guī)范

從 目錄、圖片、HTML/CSS文件、ClassName 的命名等層面約定規(guī)范團(tuán)隊(duì)的命名習(xí)慣，增強(qiáng)團(tuán)隊(duì)代碼的可讀性。

JavaScript 規(guī)范

統(tǒng)一團(tuán)隊(duì)的 JS 語(yǔ)法風(fēng)格和書(shū)寫(xiě)習(xí)慣，減少程序出錯(cuò)的概率，其中也包含了 ES6 的語(yǔ)法規(guī)范和最佳實(shí)踐。