摘要:文檔規(guī)范和文檔必須采用編碼格式文檔必須使用的標(biāo)準(zhǔn)文檔格式編寫規(guī)范和的標(biāo)簽屬性類名都必須使用小寫字母和的屬性類名命名必須具有語義化代碼必須保持文檔結(jié)構(gòu)清晰,必須合理的進行代碼縮進文件禁止樣式表內(nèi)引用文件編寫格式,樣式代碼保持一行,多個選擇器
HTMLCSS文檔規(guī)范
HTML和CSS文檔必須采用UTF-8編碼格式;
HTML文檔必須使用HTML5的標(biāo)準(zhǔn)文檔格式;
HTMLCSS編寫規(guī)范
HTML和CSS的標(biāo)簽、屬性、類名、ID都必須使用小寫字母;
HTML和CSS的屬性、類名、ID命名必須具有語義化;
HTML代碼必須保持文檔結(jié)構(gòu)清晰,必須合理的進行代碼縮進;
CSS文件禁止樣式表內(nèi)引用CSS文件;
CSS編寫格式,樣式代碼保持一行,多個選擇器同一個規(guī)則必須換行,如圖1;
CSS樣式表格分為3個級別:系統(tǒng)級(以lib_開頭)、模塊級(以m_開頭)、頁面級(以p_開頭);
修改系統(tǒng)級和模塊級的文件必須經(jīng)過前端主管審批;
模塊級的樣式必須以“m_”開頭,例如頭部模塊應(yīng)該命名為:m_header;
一個模塊一個或多個CSS文件,禁止兩個或以上模塊使用同一個CSS文件;
頁面級的樣式必須以“p_”開頭、或者外層以p_開頭,例如:p_goodslist、p_goodslist .name;
頁面級的樣式如因特殊原因需要針對這個頁面進行對模塊級的樣式進行重置的時候,須將重置樣式寫在最頂部;
除系統(tǒng)級文件外,禁止其他頁面級和模塊級的CSS文件進行系統(tǒng)的樣式重置操作,模塊級和頁面級也禁止直接重置系統(tǒng)級的樣式;
js文檔規(guī)范
1.JavaScript文檔必須采用UTF-8(不包括Unicode簽名BOM)編碼格式;
js編寫規(guī)范
1.參數(shù)命名必須以小駝峰命名,私有(局部)變量盡量使用下劃線開頭; 2.每個變量必須使用var定義; 3.需編寫適當(dāng)?shù)淖⑨專?4.禁止定義以下保留名稱Zepto、JSON、template、WdatePicker、KindEditor、LT、TP、LeiTing(自己部門定義的全局變量) 5.每一段代碼必須以分號分割,例如:var a = 123; function(){};
全局變量模塊 window["LeiTing"]
1.window["LeiTing"]["UI"] //公共UI模塊 2.window["LeiTing"]["Model"] //公共模塊 3.window["LeiTing"]["PageData"] = [//頁面數(shù)據(jù)
segmentfault上其他相關(guān)分享
前端編碼規(guī)范
前端代碼規(guī)范
編碼規(guī)范-html
編碼規(guī)范-css
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/112903.html
摘要:文檔規(guī)范和文檔必須采用編碼格式文檔必須使用的標(biāo)準(zhǔn)文檔格式編寫規(guī)范和的標(biāo)簽屬性類名都必須使用小寫字母和的屬性類名命名必須具有語義化代碼必須保持文檔結(jié)構(gòu)清晰,必須合理的進行代碼縮進文件禁止樣式表內(nèi)引用文件編寫格式,樣式代碼保持一行,多個選擇器 HTMLCSS文檔規(guī)范 HTML和CSS文檔必須采用UTF-8編碼格式; HTML文檔必須使用HTML5的標(biāo)準(zhǔn)文檔格式; HTMLCSS編寫規(guī)范...
摘要:文檔規(guī)范和文檔必須采用編碼格式文檔必須使用的標(biāo)準(zhǔn)文檔格式編寫規(guī)范和的標(biāo)簽屬性類名都必須使用小寫字母和的屬性類名命名必須具有語義化代碼必須保持文檔結(jié)構(gòu)清晰,必須合理的進行代碼縮進文件禁止樣式表內(nèi)引用文件編寫格式,樣式代碼保持一行,多個選擇器 HTMLCSS文檔規(guī)范 HTML和CSS文檔必須采用UTF-8編碼格式; HTML文檔必須使用HTML5的標(biāo)準(zhǔn)文檔格式; HTMLCSS編寫規(guī)范...
摘要:常見前端構(gòu)建工具的分類和對比是附帶的包管理器,是內(nèi)置的一個功能,允許在文件里面使用字段定義任務(wù)在這里,一個屬性對應(yīng)一段腳本,原理是通過調(diào)用去運行腳本命令。 前文 端技術(shù)范圍不斷發(fā)展,前端開發(fā)不僅限于直接編寫html,css和javascript,Web應(yīng)用日益龐大,代碼也更加龐大,因此許多新的思想(例如模塊化和工程化等)和框架(React和Vue等),以及新的語言(Es6 TypeSc...
摘要:特意對前端學(xué)習(xí)資源做一個匯總,方便自己學(xué)習(xí)查閱參考,和好友們共同進步。 特意對前端學(xué)習(xí)資源做一個匯總,方便自己學(xué)習(xí)查閱參考,和好友們共同進步。 本以為自己收藏的站點多,可以很快搞定,沒想到一入?yún)R總深似海。還有很多不足&遺漏的地方,歡迎補充。有錯誤的地方,還請斧正... 托管: welcome to git,歡迎交流,感謝star 有好友反應(yīng)和斧正,會及時更新,平時業(yè)務(wù)工作時也會不定期更...
摘要:前端知識點總結(jié)什么是第三方的極簡化的操作的函數(shù)庫第三方下載極簡化是操作的終極簡化個方面增刪改查事件綁定動畫效果操作學(xué)習(xí)還是在學(xué),只不過簡化了函數(shù)庫中都是函數(shù),用函數(shù)來解決一切問題為什么使用操作的終極簡化解決了大部分瀏覽器兼容性問題凡是讓用的 前端知識點總結(jié)——JQ 1.什么是jQuery: jQuery: 第三方的極簡化的DOM操作的函數(shù)庫 第三方: 下載 極簡化: 是DOM操作的...
閱讀 2132·2023-04-25 14:56
閱讀 2465·2021-11-16 11:44
閱讀 2701·2021-09-22 15:00
閱讀 1907·2019-08-29 16:55
閱讀 2185·2019-08-29 14:04
閱讀 2311·2019-08-29 11:23
閱讀 3685·2019-08-26 10:46
閱讀 1912·2019-08-22 18:43