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