2018-07-25更----------------------------------------------------------------------------------------------------------------------------。
- 在<head></head>標(biāo)簽內(nèi)應(yīng)用CSS文件硫戈,公有文件在前锰什,私有文件在后,必要文件在前,非必要文件在后汁胆。非首屏必要的CSS文件可以選擇異步加載梭姓。
延時(shí)加載CSS,在頁面加載完畢以后嫩码,向head標(biāo)簽中動(dòng)態(tài)添加CSS文件引用的語句誉尖。
$(window).load(function () {
//異步延遲加載樣式
var link = $('<link />');
link.attr('href', '/Content/font1.css');
link.attr('rel', 'stylesheet');
link.appendTo($('head'));
link.load(function () {
console.info('加載成功...');
});
});
- 在HTML文件中,CSS和JavaScript代碼不應(yīng)該大量出現(xiàn)铸题,應(yīng)該將它們提取出來分別放在CSS文件和JS文件中铡恕,然后在頁面中引用這些文件,CSS文件的引用規(guī)則如上面第一條所述丢间,JS文件的引用應(yīng)該放在</body>標(biāo)簽之前探熔,防止頁面加載出現(xiàn)阻塞(JS文件是一邊下載一邊執(zhí)行的),排序與CSS相同烘挫,公有文件在前诀艰,私有文件在后,必要文件在前墙牌,非必要文件在后涡驮。
- PC端在不考慮響應(yīng)式布局的情況下,寬喜滨、高捉捅、邊距等用px為單位來處理。使用em處理時(shí)需要在body{}中設(shè)置好整體頁面的font-size大小虽风,以便控制em的單位基準(zhǔn)棒口。