<读书笔记>《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 优化方案