P77
P89 CSS Reset
P94 给CSS样式定义排序 排序工具:CSScomb
P97 什么是CSS的权重?权重是指选择符的优先级
P100 工具:Sass Less
P101 框架:YUI、ExtJS
P102 hack代码,不易理解且维护困难
P103 条件注释
P104 em px %
2016.3.8
P110 CSS的匹配原理和我们习惯的匹配过程是相反的,它是从右到左进行匹配的。
P111 CSS选择器定义的最佳实践(四个避免):
1.* { }
2.references p.list div { }
.references p.list [data-link="#red"] { }
3.div#page_index,应该:#page_index
4.使用过多层级
CSS selectors Test,测试CSS选择器性能
同样的,chrome开发工具中Profiles。
P112~114 css sprite
P115 CSS Sprite 辅助工具:
CSS Sprite Generator
Sprite Cow
SpriteMe
P119 chrome audits 查找cSS代码中无效样式
P122 caniuse.com 查看浏览器兼容性
CSS3 Click Chart 优于下个
CSS contents and browser compatibility
P124 检查添加兼容性前缀需求:Prefixr
Autoprefixer,更多的自主性。sl插件
cssFx,CSS Agent,-prefix-free
P126 注释 工具源码
P129 html5please.com 有效的使用html5 css3
P134 模块化
P137 缺陷,eval,下标法取得属性值
P145 和js dom编程艺术理论相悖?
P147 代码段 占位符
P148 template 更具语义化
P150 模板引擎:
Mustache,Underscore,Handlebars
PTemplate-engine-chooser
P152 JS MVC模式
P149~156
P158 jQuery-hashchange解决AJAX缺陷
P170 优化方案