
202
|
第七章
我們先建立一個媒體查詢清單物件,在媒體查詢清單物件中加入一個
addEventListener
監聽方法,它會呼叫一個函式來回應事件,並加入了一個函式來查看它是否符合媒體查
詢,並處理它。
我們可以移除監聽器:
myobj.removeEventListener('orientationchange', bodyOrientationClass);
CSS 最佳做法
為了維持你的網站品質並改善下載速度,以下有五個秘訣(或規則!)可以幫助你編寫
更佳的 CSS。
1. 盡可能地減少 HTTP 請求
若要改善下載速度,請減少獨立的樣式表,以減少 HTTP 請求的數量。HTTP 請求可能
造成大量的額外負擔。減少請求的數量可以大幅度地減少網頁下載時間。
就下載時間而言,特別是在行動網路上,HTTP 請求通常是最耗費時間的因素。因此,
最好使用一長串的樣式表,裡面包含所有網站需要用到的樣式,而不要使用許多負責部
分網站的小型樣式表。
雖然在樣式表裡面將樣式模組化有一些好處,但是在上線時,請用一個較大的檔案來容
納每一個樣式“模組”,以傳遞所有的 CSS。請使用一個大的
all.css
來取代
style.css
、
home.css
、
about.css
、
footer.css
、
sidebar.css
等等。
比起讓用戶端下載多個網頁專用的樣式表,下載並緩存一個大型的 CSS 檔案通常會產生
比較好的使用者體驗,就算這些網頁專用的樣式表比較小。發出一個額外的 HTTP 請求
所浪費的成本,通常比幾行用不到的 CSS