最近負(fù)責(zé)公司項(xiàng)目界面美化的工作,層層嵌套的Table實(shí)在太可怕,給界面添加樣式帶來很多不便,經(jīng)過耐心的整改,終于完成啦。
對(duì)于用DIV+CSS代替Table所帶來的好處,我認(rèn)為有以下幾點(diǎn):
1.大大縮減頁面代碼,提高頁面瀏覽速度,縮減帶寬成本;
2.易于后期代碼的維護(hù),縮短修改時(shí)間,利于更新。
3.結(jié)構(gòu)清晰,表現(xiàn)與內(nèi)容實(shí)現(xiàn)真正的分離,利于重構(gòu)。
今天看到園友說div 和 table 的差異不是速度,而是加載方式,又明白了一點(diǎn)。
具體的說:
div 的加載方式是即讀即加載,遇到 <div> 沒有 遇到 </div> 的時(shí)候一樣加載 div 中的內(nèi)容,讀多少加載多少
table 的加載方式是完成后加載,遇到 <table> 后,在讀到 </table> 之前,table 中的內(nèi)容不加載,或者傳輸中斷了 (document.onload()事件)的時(shí)候加載
加載方式也與瀏覽器的版本有關(guān),如果瀏覽器版本高,也無差異