国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

前端、HTML+CSS+JS編寫規范(終極版)

jsyzchen / 1381人閱讀

摘要:文檔規范和文檔必須采用編碼格式文檔必須使用的標準文檔格式編寫規范和的標簽屬性類名都必須使用小寫字母和的屬性類名命名必須具有語義化代碼必須保持文檔結構清晰,必須合理的進行代碼縮進文件禁止樣式表內引用文件編寫格式,樣式代碼保持一行,多個選擇器

HTMLCSS文檔規范

HTML和CSS文檔必須采用UTF-8編碼格式;

HTML文檔必須使用HTML5的標準文檔格式;

HTMLCSS編寫規范

HTML和CSS的標簽、屬性、類名、ID都必須使用小寫字母;

HTML和CSS的屬性、類名、ID命名必須具有語義化;

HTML代碼必須保持文檔結構清晰,必須合理的進行代碼縮進;

CSS文件禁止樣式表內引用CSS文件;

CSS編寫格式,樣式代碼保持一行,多個選擇器同一個規則必須換行,如圖1;

CSS樣式表格分為3個級別:系統級(以lib_開頭)、模塊級(以m_開頭)、頁面級(以p_開頭);

修改系統級和模塊級的文件必須經過前端主管審批;

模塊級的樣式必須以“m_”開頭,例如頭部模塊應該命名為:m_header;

一個模塊一個或多個CSS文件,禁止兩個或以上模塊使用同一個CSS文件;

頁面級的樣式必須以“p_”開頭、或者外層以p_開頭,例如:p_goodslist、p_goodslist .name;

頁面級的樣式如因特殊原因需要針對這個頁面進行對模塊級的樣式進行重置的時候,須將重置樣式寫在最頂部;

除系統級文件外,禁止其他頁面級和模塊級的CSS文件進行系統的樣式重置操作,模塊級和頁面級也禁止直接重置系統級的樣式;

js文檔規范

1.JavaScript文檔必須采用UTF-8(不包括Unicode簽名BOM)編碼格式;

js編寫規范

1.參數命名必須以小駝峰命名,私有(局部)變量盡量使用下劃線開頭;
2.每個變量必須使用var定義;
3.需編寫適當的注釋;
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"] = [//頁面數據

segmentfault上其他相關分享
前端編碼規范
前端代碼規范
編碼規范-html
編碼規范-css

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/51609.html

相關文章

  • 前端HTML+CSS+JS編寫規范終極

    摘要:文檔規范和文檔必須采用編碼格式文檔必須使用的標準文檔格式編寫規范和的標簽屬性類名都必須使用小寫字母和的屬性類名命名必須具有語義化代碼必須保持文檔結構清晰,必須合理的進行代碼縮進文件禁止樣式表內引用文件編寫格式,樣式代碼保持一行,多個選擇器 HTMLCSS文檔規范 HTML和CSS文檔必須采用UTF-8編碼格式; HTML文檔必須使用HTML5的標準文檔格式; HTMLCSS編寫規范...

    _Dreams 評論0 收藏0
  • 前端HTML+CSS+JS編寫規范終極

    摘要:文檔規范和文檔必須采用編碼格式文檔必須使用的標準文檔格式編寫規范和的標簽屬性類名都必須使用小寫字母和的屬性類名命名必須具有語義化代碼必須保持文檔結構清晰,必須合理的進行代碼縮進文件禁止樣式表內引用文件編寫格式,樣式代碼保持一行,多個選擇器 HTMLCSS文檔規范 HTML和CSS文檔必須采用UTF-8編碼格式; HTML文檔必須使用HTML5的標準文檔格式; HTMLCSS編寫規范...

    Developer 評論0 收藏0
  • 前端構建工具整理

    摘要:常見前端構建工具的分類和對比是附帶的包管理器,是內置的一個功能,允許在文件里面使用字段定義任務在這里,一個屬性對應一段腳本,原理是通過調用去運行腳本命令。 前文 端技術范圍不斷發展,前端開發不僅限于直接編寫html,css和javascript,Web應用日益龐大,代碼也更加龐大,因此許多新的思想(例如模塊化和工程化等)和框架(React和Vue等),以及新的語言(Es6 TypeSc...

    leo108 評論0 收藏0
  • 前端資源系列(4)-前端學習資源分享&前端面試資源匯總

    摘要:特意對前端學習資源做一個匯總,方便自己學習查閱參考,和好友們共同進步。 特意對前端學習資源做一個匯總,方便自己學習查閱參考,和好友們共同進步。 本以為自己收藏的站點多,可以很快搞定,沒想到一入匯總深似海。還有很多不足&遺漏的地方,歡迎補充。有錯誤的地方,還請斧正... 托管: welcome to git,歡迎交流,感謝star 有好友反應和斧正,會及時更新,平時業務工作時也會不定期更...

    princekin 評論0 收藏0
  • 前端知識點總結——JQ

    摘要:前端知識點總結什么是第三方的極簡化的操作的函數庫第三方下載極簡化是操作的終極簡化個方面增刪改查事件綁定動畫效果操作學習還是在學,只不過簡化了函數庫中都是函數,用函數來解決一切問題為什么使用操作的終極簡化解決了大部分瀏覽器兼容性問題凡是讓用的 前端知識點總結——JQ 1.什么是jQuery: jQuery: 第三方的極簡化的DOM操作的函數庫 第三方: 下載 極簡化: 是DOM操作的...

    jayzou 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<