web前端開(kāi)發(fā)代碼使用規(guī)范(編輯修改稿)
2025-05-04 06:50 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 將自己寫(xiě)的JS用匿名函數(shù)包起來(lái)，避免變量沖突。(function(){})()圖片規(guī)范1. 所有頁(yè)面元素類(lèi)圖片均放入images文件夾，測(cè)試用圖片放于images/demo文件夾；2. 圖片格式僅限于gif、png、jpg；3. 命名全部用小寫(xiě)英文字母、數(shù)字、_的組合，其中不得包含漢字、空格、特殊字符；盡量用易懂的詞匯。4. 在保證視覺(jué)效果的情況下選擇最小的圖片格式與圖片質(zhì)量，以減少加載時(shí)間。5. 盡量避免使用半透明的png圖片。6. 運(yùn)用csssprite技術(shù)集中小的背景圖或圖標(biāo)，減小頁(yè)面請(qǐng)求，但注意，請(qǐng)務(wù)必在對(duì)應(yīng)的psd源圖中劃參考線，并保存至images目錄下。注釋規(guī)范1. html注釋?zhuān)鹤⑨尭袷?注釋?zhuān)?9。39。只能在注釋的始末位置，不可置入注釋文字區(qū)域；2. css注釋?zhuān)鹤⑨尭袷?*注釋*/；3. JavaScript注釋?zhuān)瑔涡凶⑨屖褂?9。//單行注釋39。，多行注釋使用/*多行注釋*/。語(yǔ)言組織類(lèi)1. 新增，而非“添加，增加”之類(lèi)的詞語(yǔ)2. 編輯，而非“修改，更新”之類(lèi)的詞語(yǔ)3. 保存，而非“提交”之類(lèi)的詞語(yǔ)4. 所有操作除了保存表單外，保存用戶(hù)操作統(tǒng)一使用“確定”詞語(yǔ)開(kāi)發(fā)及測(cè)試工具約定建議使用Myeclipse、eclipse、Aptana，亦可根據(jù)自己喜好選擇，但須遵循如下原則：1. 不可利用IDE的視圖模式“畫(huà)”代碼。2. 不可利用IDE生成相關(guān)功能代碼，比如Dw內(nèi)置的一些功能js；3. 編碼必須格式化，比如縮進(jìn)；4. 測(cè)試工具：前期開(kāi)發(fā)僅測(cè)試FireFox、IEIEIEIE9，后期優(yōu)化時(shí)加入Opera、Chrome、Safari；5. 建議測(cè)試順序：FireFoxIE9IE8IE7IE6OperaChromeSafari，必須安裝firebug插件。/*CSS reset*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0。padding:0。}table{bordercollapse:collapse。borderspacing:0。}fieldset,img{border:0。}address,caption,cite,code,dfn,em,strong,th,var{fontstyle:normal。fontweight:normal。}ol,ul{liststyle:none。}caption,th{textalign:left。}h1,h2,h3,h4,h5,h6{fontsize:100%。fontweight:normal。}q:before,q:after{content:39。39。}abbr,acronym{border:0。}a{textdecoration:none。cursor:pointer。}a:hover,a:focus{textdecoration:underline。 }body,button,input,select,textarea,a/* for ie */{font:12px/,arial,\5b8b\4f53,sansserif。}button,input,select,textarea{fontsize:100%。}
公司管理相關(guān)推薦
鄂ICP備17016276號(hào)-1