使CSS渲染效率提高的好方法
2011/1/26 17:05:07

  超級(jí)快速,零實(shí)用性
  我們知道ID’s 是最高效的選擇器。當(dāng)你想讓渲染速度最高效時(shí),你可能會(huì)給每個(gè)獨(dú)立的標(biāo)簽配置一個(gè)ID,然后用這些ID寫樣式。那會(huì)超級(jí)快,也超級(jí)荒唐。這樣的結(jié)果是語義極差,維護(hù)難到了極點(diǎn)。即使在核心部分你也不應(yīng)該見過這樣做的。我認(rèn)為這個(gè)可以提醒我們不要為了高效的CSS放棄語義和可維護(hù)性。
  實(shí)用性
  還刻前面提到的Mozilla的一篇文章?已經(jīng)有十年了。事實(shí)是:計(jì)算機(jī)比十年前變慢了。我感覺這東東在當(dāng)年似乎還更受重視。十年前我還是個(gè)21歲的英俊小生,當(dāng)然我不覺得那里我會(huì)認(rèn)識(shí)css這東東。不管怎樣上面提到的東東都是有意義的,你可以按照上面的方法去做,因?yàn)樗⒉粫?huì)限制你的CSS制作。但你也沒必要太教條主義。如果你是個(gè)完美主義者,而之前又沒有考慮過那東東,那是時(shí)候去重新看一下你之前寫的一些樣式是否有改進(jìn)的地方了。如果你沒發(fā)現(xiàn)你的網(wǎng)站明顯的渲染緩慢,那大可別太在意,在以后的工作中多注意就行了。
  從右到左
  瀏覽器如何讀取你的CSS選擇器有一個(gè)很重要的原則,那就是它們從右到左讀取。這意味這像 ul > li a[title="home"] 這樣的選擇器,a[title="home"] 將是最先被讀取的。這一部分通常被稱為 “key selector”選擇器的最后一部分,也是被選擇的標(biāo)簽。ID’s 是最有效率的,通用符是最慢的有四種目標(biāo)選擇器:ID, class, tag和通用符。
  一個(gè)選擇器渲染失敗比這個(gè)選擇器被渲染更高效
  我不是很確定是否有更好的證據(jù)去證明這一點(diǎn),因?yàn)槿绻阌写罅康倪x擇器在CSS樣式表里無法找到,這樣的事情貌似很離奇,但一點(diǎn)必需注意的是,從右到左的解釋一個(gè)選擇器來說,一旦它找不到,那它就會(huì)停止嘗試。然而如果它找到了,那它就需要花更多精力去解釋了。
  不要用標(biāo)簽修飾
  ID’s 是唯一的,所以不需要用標(biāo)簽修飾,這只會(huì)讓它更低效。如果你可以避免的話,也不要用它修飾 class 。class 不是唯一的,所以理論上你可以把它用在不同的標(biāo)簽。如果你愿意的話,你可以用標(biāo)簽控制不同的樣式,這樣你可能需要標(biāo)簽修飾(比如:li.first),但這樣做的人很少,所以,don’t .絕對(duì)沒有比用后代選擇器更糟糕的做法了

返回列表
返回首頁 主站蜘蛛池模板: 美女被吸屁股免费网站| 亚洲日韩国产欧美一区二区三区| 99久久99久久精品免费观看| 扒开双腿疯狂进出爽爽动态图| 亚洲AV香蕉一区区二区三区| 精品欧美成人高清在线观看2021| 国产精品视频一区二区三区四| 久久久久免费看黄a级试看| 狠狠色丁香婷婷久久综合| 国产一区二区三区夜色| 91在线品视觉盛宴免费| 日日操天天操夜夜操| 亚洲欧美一级视频| 色噜噜狠狠色综合免费视频| 成人午夜福利视频镇东影视| 亚洲成av人片在线观看天堂无码| 疯狂吃奶freesex| 国产成人亚洲毛片| bbw在线观看| 日本特黄a级高清免费大片| 亚洲色av性色在线观无码| 韩国三级日本三级香港三级黄| 天堂资源中文在线| 一级特黄aaa大片在线观看视频| 欧美videosex性欧美成人| 午夜免费福利网站| 久久久久99人妻一区二区三区| 婷婷综合五月天| 成人免费午夜视频| 亚洲一区日韩二区欧美三区| 精品国产三级a∨在线欧美| 国产欧美日韩另类| 5060午夜一级一片| 性一交一乱一视频免费看| 亚州无吗黄瓜视频有直播的不| 欧美性大战XXXXX久久久√| 农村老熟妇乱子伦视频| 黑人巨茎大战欧美白妇| 天下第一日本高清国语在线观看 | 久久发布国产伦子伦精品| 波多野结衣痴女系列88|