web前端開發(fā)規(guī)范標(biāo)準(zhǔn)-資料下載頁
2025-04-07 06:50本頁面
【正文】 編碼錯(cuò)誤時(shí)亂碼顯示；8) 代碼結(jié)構(gòu)明了，加適量注釋。提高函數(shù)重用率；9) 注重與html分離，減小reflow，注重性能；10) js文件加載 script src=**.js/script；11) js變量賦值 scriptvar v=”123”。/script；12) js調(diào)用函數(shù) scriptgetFun()。/script；13) 非特殊狀態(tài)不得頁面嵌入 script代碼/script；. 圖片規(guī)范1) 所有頁面元素類圖片均放入系統(tǒng)指定的文件夾, 測(cè)試用圖片放于demoimg文件夾；2) 圖片格式僅限于gif、png、jpg；3) 命名全部用小寫英文字母、數(shù)字、下劃線的組合，其中不得包含漢字、空格、特殊字符；盡量用易懂的詞匯，便于團(tuán)隊(duì)其他成員理解；另，命名分頭尾兩部分，用下劃線隔開，樣例如下表：圖片分類命名廣告、裝飾圖案等長(zhǎng)方形的圖片ad_標(biāo)志性的圖片log_在頁面上位置不固定并且?guī)в墟溄拥男D片（按鈕）btn_導(dǎo)航圖片nav_菜單圖片men_裝飾用的照片取名pic_不帶鏈接表示標(biāo)題的圖片取名tit_小圖標(biāo)ico_背景圖片bg_4) 在保證視覺效果的情況下選擇最小的圖片格式與圖片質(zhì)量，以減少加載時(shí)間；5) 盡量避免使用半透明的png圖片(若使用，請(qǐng)參考css規(guī)范相關(guān)說明)6) 運(yùn)用css sprite技術(shù)集中小的背景圖或圖標(biāo)，減小頁面請(qǐng)求，但注意，請(qǐng)務(wù)必在對(duì)應(yīng)的sprite psd源圖中劃參考線。3. 開發(fā)及測(cè)試工具約定建議使用Aptana、Dw、Vim，亦可根據(jù)自己喜好選擇，但須遵循如下原則：1) 不可利用IDE的視圖模式39。畫39。代碼；2) 不可利用IDE生成相關(guān)功能代碼，比如Dw內(nèi)置的一些功能js；3) 編碼必須格式化，比如縮進(jìn)。 測(cè)試工具：前期開發(fā)僅測(cè)試FireFox、IEIEIE8，后期優(yōu)化時(shí)加入Opera、Chrome、Safari； 建議測(cè)試順序：FireFoxIE7IE8IE6OperaChromeSafari，建議安裝firebug及IE Tab Plus插件。4. CSS Hack即使是完美的CSS也未必能在目前眾多的瀏覽器中呈現(xiàn)一致的效果，所以，CSS Hack在很多情況下都是必要的，建議先以對(duì)CSS標(biāo)準(zhǔn)支持得比較好的瀏覽器（Firefox或者Chrome）為主編輯CSS，最后在處理IE的兼容性——單獨(dú)為IE建立一個(gè)CSS文件（比如：），最后在HTML文件中，通過IE的條件注釋按需引入。寧可累死在路上，也不能閑死在家里！寧可去碰壁，也不能面壁。是狼就要練好牙，是羊就要練好腿。什么是奮斗？奮斗就是每天很難，可一年一年卻越來越容易。不奮斗就是每天都很容易，可一年一年越來越難。能干的人，不在情緒上計(jì)較，只在做事上認(rèn)真；無能的人！不在做事上認(rèn)真，只在情緒上計(jì)較。拼一個(gè)春夏秋冬！贏一個(gè)無悔人生！早安！—————獻(xiàn)給所有努力的人. 學(xué)習(xí)好幫手
公司管理相關(guān)推薦
鄂ICP備17016276號(hào)-1