<读书笔记>《Web前端开发最佳实践》_Web

 

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 优化方案