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

歡迎使用前端代碼規(guī)范，使用過程中如碰到問題，請到 Github 進行提問。

關(guān)于

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

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

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

HTML規(guī)范

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

圖片規(guī)范

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

CSS規(guī)范

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

命名規(guī)范

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

JavaScript 規(guī)范

統(tǒng)一團隊的 JS 語法風(fēng)格和書寫習(xí)慣，減少程序出錯的概率，其中也包含了 ES6 的語法規(guī)范和最佳實踐。