第1399天:对“CSS的查找匹配原理”之外的看法

星期一 上午小雨转阴,下午阴 5~10℃

notepad++ 免安装版“ansi”和“unicode”的选择

notepad++ 免安装版(zip package)里面有“ansi”和“unicode”两个版本,不知道要选哪个,有个繁体的资料:

※注意:免安裝版解壓縮後會有兩個資料夾分別為「ansi」與「unicode」編碼版本,若你不懂兩者的差異,請統一使用「unicode」版本!

参考:http://jgwy.net/thread-916493-1-1.html

这方面资料不多,还是下载安装版吧。


web高性能开发系列随笔,顺便说一下对“CSS的查找匹配原理”之外的看法

这里的几篇文章《web高性能开发系列随笔》值得看一下。其中最后一篇《了解CSS的查找匹配原理》杀伤力很够猛。原来对于一个层级写法,浏览器不是从左到右去查找匹配,而是从右到左去查找匹配的。不过虽然是知道了这个原理,但我还是会保留使用层级写法的习惯,只是要尽量减少层级数(尽量不超过 3 个)。

联想到 jquery 来。css 从右到左匹配和 jquery 的从左到右匹配正好相反,jquery 里对 id 的选择效率最高。

无论 css 还是 jquery,如果一味追求这点效率,就会让 html 的 class 和 id 激增,使 html 代码变得拖沓,可读性降低,css 自身的可读性也大大降低,如果遇到大的项目,要取这么多 className,一定会很头疼,最后导致这个 className 丧失语义,或者名字很长。

过多的 class / id 和过多的层级,都是极端的,写的时候注意权衡,兼顾两者。


解读CSS优先级

http://www.blueidea.com/tech/web/2009/6801.asp


友吧今天

  • 合并 js,减少 head 请求;
  • jquery.plugins.js 放到页面下方;
  • <head> 内的 css 放在 js 之后。

RSS

上一篇:

下一篇:

发表评论

电子邮件地址不会被公开。 必填项已用*标注