前端開發(fā)中一些常用技巧總結(jié)

擴展閱讀：前端開發(fā)中一些常用技巧總結(jié)

前端開發(fā)中一些常用技巧總結(jié)

自己前端開發(fā)中常用到的一些技巧及問題解決方法,會常更新,希望對前端路上的朋友有幫助.

1.文章標題列表中日期居右顯示的兩種方法,方法A相對方法B省資源,但比方法B要多寫兩句代碼,使用時請視情況而定:

方法A(經(jīng)典論壇ariesjia提供的思路.感謝~):

@Mr.Think這是文章標題201*-10-10然后定義p和span的樣式:

p{position:relative}

pspan{position:absolute;right:0}方法B:

201*-10-10@Mr.Think這是文章標題然后定義span右浮動:pspan{float:right}

其實這兩種方法可以延伸到很多情況下,很實用的一種寫法;

2.web標準中,同一頁面中只能有一個h1標簽.很多人知道這個概念,但做到的卻很少;

3.空白外邊距互相疊加的問題:一般通過添加透明邊框或者1px的內(nèi)邊距避免.詳細解讀:-margin-overlying-way/;

4.ie6下max/min-width/height實現(xiàn),_width:expression(this.width>600?“600px”:true);,height同理.

5.html/class/id,最好統(tǒng)一以小寫書寫,這樣更嚴謹(符合xhtml標準);6.不推薦用下面代碼兼容IE8:

如果是非短期性頁面,盡量避免使用,頁面應(yīng)盡可能保證向后兼容.更多兼容方法請詳細閱讀:-hack-mainbrower/

7.空div在IE(FF中沒有)是有默認高度的,可以用定義:div{witdh:100%;background:#9c0;font-size:0}的方式去掉默認高度;8.在使用table標簽時應(yīng)該盡可能的利用它本身的屬性，最大限度的分離結(jié)構(gòu)與樣式.詳細解讀:-colgroup-col-style/;

9.充分利用表單中l(wèi)abel標簽提升用戶體驗;這一點對于頁面中那些小的選項框,以及對殘障人士閱讀網(wǎng)站都有好處.細節(jié)是用戶體驗的第一步;

10.fieldset,legend標簽,鮮為人知,卻很實用的一組標簽;它可以很明了的把一組元素框起來,主要用于表單;

11.optgroup標簽,鮮為人知,它對提升選擇表單用戶體驗很有幫助.作用?就是可以在有很多選項時,對這些選項分組:

oneselecttwoselect

threeselectfourselect效果演示:

12.表單都要加name值,name值是一個標示,不同于id,據(jù)我所發(fā)現(xiàn),若是未定義name值,非IE瀏覽器下是無法通過document.formid獲取到表單元素的.請看如下代碼及注釋:

window.onload=function(){

alert(document.mrform.length);//所有瀏覽器均會彈出表單元素長度alert(document.thinkform.length);//僅IE會彈出該表單元素長度}

......

友情提示：本文中關(guān)于《前端開發(fā)中一些常用技巧總結(jié)》給出的范例僅供您參考拓展思維使用，前端開發(fā)中一些常用技巧總結(jié)：該篇文章建議您自主創(chuàng)作。

來源：網(wǎng)絡(luò)整理 免責(zé)聲明：本文僅限學(xué)習(xí)分享，如產(chǎn)生版權(quán)問題，請聯(lián)系我們及時刪除。

《前端開發(fā)中一些常用技巧總結(jié)》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請保留原作者信息,謝謝!
鏈接地址：http://www.7334dd.com/gongwen/673123.html

• 上一篇：前端開發(fā)中一些常用技巧總結(jié)
• 下一篇：基于.NET的Web程序設(shè)計知識點總結(jié)