web前端開發(fā)規(guī)范(編輯修改稿)
2025-08-31 22:50 本頁面
【文章內(nèi)容簡介】 radius: 15px。 /* Opera +, 以及使用了IECSS3的IE瀏覽器 *//標(biāo)準(zhǔn)屬性● 使用選擇器時，命名比較短的詞匯或者縮寫的不允許直接定義樣式。.hd,.bd,.td{}。//如這些命名可用上級節(jié)點進(jìn)行限定。.remendmod .hd多選擇器規(guī)則之間換行，即當(dāng)樣式針對多個選擇器時每個選擇器占一行。,input[type=button] {…}。優(yōu)化CSS選擇器。header a { color: 444。 }。/*CSS選擇器是從右邊到左邊進(jìn)行匹配*/瀏覽器將檢查整個文檔中的所有鏈接和每個鏈接的父元素，并遍歷文檔樹去查找ID為header的祖先元素，如果找不到header將追溯到文檔的根節(jié)點，解決方法如下。避免使用通配規(guī)則和相鄰兄弟選擇符、子選擇符,、后代選擇符、屬性選擇符等選擇器不要限定id選擇符，如divheader（提權(quán)的除外）不要限定類選擇器，（提權(quán)的除外）不要使用 ul li a 這樣長的選擇符避免使用標(biāo)簽子選擇符，如header li a● 使用zindex屬性盡量zindex的值不要超過150（通用組的除外），頁面中的元素內(nèi)容的zindex不能超過10（提示框等模塊除外但維持在150以下），不允許直接使用（999~9999）之間大值。● 盡量避免使用CSS Hack。property:value。 /* 所有瀏覽器 */+property:value。 /* IE7 */_property:value。 /* IE6 */*property:value。 /* IE6/7 */property:value\9。 /* IE6/7/8/9，即所有IE瀏覽器 */* html selector { … }。 /* IE6 */*:firstchild+html selector { … }。 /* IE7 */htmlbody selector { … }。 /* 非IE6 */@mozdocument urlprefix() { … }。 /* firefox */@media all and (webkitmindevicepixelratio:0) { … }。 /* saf3+/chrome1+ */@media all and (webkitmindevicepixelratio:10000),not all and (webkitmindevicepixelratio:0) { … }。 /* opera */@media screen and (maxdevicewidth: 480px) { … }。 /* iPhone/mobile webkit */● 避免使用低效的選擇器。body * {…}。ul li a {…}。footer h3 {…}。ultop_blue_nav {…}。searbar a { … }。 /* 反面示例 */● 六個不要三個避免一個使用。不要在標(biāo)簽上直接寫樣式不要在CSS中使用expression不要在CSS中使用@import不要在CSS中使用!important不要在CSS中使用“*”選擇符不要將CSS樣式寫為單行避免使用filter避免使用行內(nèi)（inline）樣式避免使用“*”設(shè)置{margin: 0。 padding: 0。}使用after或overflow的方式清浮動● 減少使用影響性能的屬性。position:absolute。float:left。//如這些定位或浮動屬性減少在CSS中使用濾鏡表達(dá)式和圖片repeat,尤其在body當(dāng)中,渲染性能極差, 如果需要用repeat的話,圖片的寬或高不能少于8px。 javaScript書寫規(guī)范● 命名規(guī)范。常量名 全部大寫并單詞間用下劃線分隔 如：CSS_BTN_CLOSE、TXT_LOADING對象的屬性或方法名 小駝峰式（little camelcase） 如：init、bindEvent、updatePosition 示例： = { init: function () {}, bindEvent: function () {}, updatePosition: function () {} … }。類名（構(gòu)造器） 小駝峰式但首字母大寫 如：Current、DefaultConfig函數(shù)名 小駝峰式 如：current()、defaultConfig()變量名 小駝峰式 如：current、defaultConfig私有變量名 小駝峰式但需要用_開頭 如：_current、_defaultConfig變量名的前綴 續(xù)● 代碼格式。()前后需要跟空格=前后需要跟空格,后面需要跟空格JSON對象需格式化對象參數(shù)if、while、for、do語句的執(zhí)行體用{}括起來{}格式如下。if (a==1) { //代碼}。避免額外的逗號。var arr = [1,2,3,]。forin循環(huán)體中必須用hasOwnProperty方法檢查成員是否為自身成員，避免來自原型鏈上的污染。長語句可考慮斷行。
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號-1