<讀書筆記>《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 優化方案