前端代碼編寫規(guī)范-文庫吧資料
2025-04-14 13:43本頁面
【正文】 , c: 2}。12. 數(shù)組、對象對象屬性名不需要加引號。var missModules = []。}11. 變量聲明每個var只能聲明一個變量。常量全大寫，用下劃線鏈接 var MAX_COUNT = 10?！瓵ndroid’在變量名中大寫第一個字母var AndroidVersion?！甶d’在變量名中‘i’大寫 例：Idvar goodId。7. 文件注釋文件頂部必須包含文件注釋，用file標識文件說明/** * file Describe the file */8. 命名空間注釋 命名空間使用namespace標識/** * namespace */var util = {}。*39。 // one space after code6. 多行注釋最少三行，“*”后跟一個空格。}var zhangsan = 39?？晌挥谝粋€代碼行的末尾,與代碼間隔一個空格。下列關鍵字后：else,catch,finally代碼塊‘{’前以下幾種情況需要換行：代碼塊‘{’后和‘}’前變量復制后5. 單行注釋雙斜線后，必須跟一個空格。文件最后保留一個空行。注釋前。} while (x 10)。/* expression statement */x++。} else { x += 1。JavaScript1. 縮進縮進使用Tab（4個空格）var x = 1, y = 1。 。用border:0。屬性值‘0’后面不加單位。}9. 雜項不允許有空的規(guī)則。例：.element { color: abcdef。Id采用駝峰式命名。 backgroundimage: url()。屬性選擇器找那個的屬性值需要引號。 /* color red */}6. 引號最外層統(tǒng)一使用雙引號。例：/* Modal header */.modalheader { /* 50px */ width: 50px。縮進與下一行代碼保持一致。 backgroundcolor: black。:after { ... }}4. 換行每個屬性獨占一行。.element { ...}.dialog { color: red。}3. 空行文件最后保留一個空行。.element { width: 20px。 height: 50px。 borderradius: 10px。 top: 10px。/div/div! /側欄內(nèi)容區(qū) /bodyCSS1. 縮進縮進使用Tab（4個空格）。/div/div.../a/divhref=class=mhd3h3div! 最熱TOP5 /div...class=tit熱門標簽/h3 /divdivclass=sideblkdivclass=side1234567891011121314151617181920body! 側欄內(nèi)容區(qū) div 每一個塊級元素都另起一行，每一行都使用Tab縮進對齊（head和body的子元素不需要縮進）。 使用script將js文件引入，并置于body底部。 使用link將css文件引入，并置于head中。 table不建議用于布局，但表現(xiàn)具有明顯表格形式的數(shù)據(jù)，table還是首選。 用div代替table布局，可以使HTML更具靈活性，也方便利用CSS控制。 有時候為了便于搜索引擎抓取，我們也會將重要內(nèi)容在HTML結構順序上提前。 按照從上至下、從左到右的視覺順序書寫HTML結構。rel=appletouchiconrel=shortcut iconrel=stylesheetname=viewportname=descriptionname=keywords123456789101112131415!DOCTYPE htmlhtmlheadmeta14. 整體結構HTML基礎設施任何時候都要用盡量小的復雜度和盡量少的標簽來解決問題。示例：object width=100 height=50 data=DO NOT SUPPORT THIS TAG/object11. js生成標簽在js文件中生成標簽讓內(nèi)容更難查找，更難編輯，性能更差，應該盡量避免這種情況的出現(xiàn)12. 減少標簽數(shù)量在編寫HTML代碼時，需要盡量避免多余的父節(jié)點。object示例：audio controls source src= type=audio/mpeg source src= type=audio/ogg object width=100 height=50 data= embed width=100 height=50 src= /object/audiovideo width=100 height=50 controls source src= type=video/mp4 source src= type=video/ogg object width=100 height=50 data= embed width=100 height=50 src= /object/video[建議] 只在必要的時候開啟音視頻的自動播放。標簽來定義音視頻元素。和的瀏覽器中優(yōu)先使用 Ogg[建議] 在支持 MP4 WAV解釋：音頻應盡可能覆蓋到如下格式：videoaudio解釋：根據(jù)內(nèi)容類型指定輸入框類型，能獲得能友好的輸入體驗。type屬性時，提交仍可繼續(xù)進行。屬性和表單控件的元素的如果正確指定了}/stylediv class=buttons button type=button取消/button but
公司管理相關推薦
鄂ICP備17016276號-1