前端代碼編寫規(guī)范-wenkub
2023-04-23 13:43:57 本頁面
【正文】 /styleul lifirst/li lisecond/li/ulscript// 腳本代碼的第一級縮進與所屬的 script 標(biāo)簽對齊require([39。/script嵌套的節(jié)點應(yīng)該縮進。html head titlePage title/title /head body img src=images/ alt=Company h1 class=helloworldHello, world!/h1 /body/html2. HTML5 doctype頁面開頭的doctype大寫，html小寫。! good script src=/script! bad script src=39。ul 標(biāo)簽包含著 li、dl 標(biāo)簽包含著 dt 和 dd。src解釋：srctitle影響看圖體驗，并且增加了頁面尺寸。解釋：可以提高圖片加載失敗時的用戶體驗。height標(biāo)簽實現(xiàn)，無下載需求的圖片采用 CSS 背景圖實現(xiàn)。2. 無下載需求的圖片，比如：icon、背景、代碼使用的圖片等，盡可能采用 CSS 背景圖實現(xiàn)。解釋：有兩種方式：1. 將控件置于的推薦使用第一種，減少不必要的button解釋：buttonsubmit，如果被置于type屬性。具體情況可參考此文。float: right}/stylediv class=buttons button type=button取消/button button type=submit提交/button/div[建議] 當(dāng)使用 JavaScript 進行表單提交時，如果條件允許，應(yīng)使原生提交功能正常工作。元素的屬性時，提交仍可繼續(xù)進行。解釋：根據(jù)內(nèi)容類型指定輸入框類型，能獲得能友好的輸入體驗。video WAV Ogg[建議] 在支持和示例：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[建議] 只在必要的時候開啟音視頻的自動播放。示例：object width=100 height=50 data=DO NOT SUPPORT THIS TAG/object11. js生成標(biāo)簽在js文件中生成標(biāo)簽讓內(nèi)容更難查找，更難編輯，性能更差，應(yīng)該盡量避免這種情況的出現(xiàn)12. 減少標(biāo)簽數(shù)量在編寫HTML代碼時，需要盡量避免多余的父節(jié)點。14. 整體結(jié)構(gòu)HTML基礎(chǔ)設(shè)施123456789101112131415!DOCTYPE htmlhtmlheadmetaname=descriptionrel=stylesheetrel=appletouchicon 有時候為了便于搜索引擎抓取，我們也會將重要內(nèi)容在HTML結(jié)構(gòu)順序上提前。 table不建議用于布局，但表現(xiàn)具有明顯表格形式的數(shù)據(jù)，table還是首選。 使用script將js文件引入，并置于body底部。class=sidedivclass=tit熱門標(biāo)簽/h3 /div.../div! 最熱TOP5 divhref= top: 10px。 height: 50px。}3. 空行文件最后保留一個空行。:after { ... }}4. 換行每個屬性獨占一行?？s進與下一行代碼保持一致。 /* color red */}6. 引號最外層統(tǒng)一使用雙引號。 backgroundimage: url()。例：.element { color: abcdef。屬性值‘0’后面不加單位。 。} else { x += 1。} while (x 10)。文件最后保留一個空行?？晌挥谝粋€代碼行的末尾,與代碼間隔一個空格。 // one space after code6. 多行注釋最少三行，“*”后跟一個空格。7. 文件注釋文件頂部必須包含文件注釋，用file標(biāo)識文件說明/** * file Describe the file */8. 命名空間注釋 命名空間使用namespace標(biāo)識/** * namespace */var util = {}?！瓵ndroid’在變量名中大寫第一個字母var AndroidVersion。}11. 變量聲明每個var只能聲明一個變量。12. 數(shù)組、對象對象屬性名不需要加引號。14. Null使用場景：初始化一個將來可能被賦值為對象的變量與已經(jīng)初始化的變量做比較作為一個參數(shù)為對象的函數(shù)的調(diào)用傳參作為一個返回對象的函數(shù)的返回值不使用場景：不要用null來判斷函數(shù)調(diào)用時有無傳參不要與未初始化的變量做比較// not goodfunction test(a, b) { if (b === null) { // not mean b is not supply ... }}var a。// not goodif (person == undefined) { ...}// goodif (typeof person == 39。}不要在內(nèi)層作用域的代碼里聲明了變量,之后卻訪問了
公司管理相關(guān)推薦
鄂ICP備17016276號-1