《高性能HTML5》设计与开发原则

书名:高性能HTML5
借于华农图书馆,TP312HT-4462。[美]Jay Bryant,Mike Jones著,奇舞团译,电子工业出版社。
ISBN:978-7-121-22652-6

  • 总体设计与开发原则:

  1. 编写符合当代浏览器性能的代码
  2. 用CSS来布局
  3. 使用渐进式增强的方法
  4. 各司其职

一、编写符合当代浏览器性能的代码

  1. 减少HTML中元素的数量。用最少量但最必须的HTML去语义化地布局。
  2. 减少重绘。将CSS(包括外链CSS)放在head标签内,将script放到body标签尾部。

二、用CSS来布局

  1. 使用有意义的标签,让别人比较容易知道我们的意图。
  2. 尽可能的兼容更多的浏览器,尽量少地书写与维护专门用于跨浏览器的代码。
  3. 建立可复用的模块。

三、渐进式增强

  1. 渐进式增强指的是首先要有一个基本的设计来兼容所有浏览器,然后再为更新的浏览器做加强地显示或功能。
  2. 使用CSS3please工具来进行多浏览器的适配。
  3. 使用特征检测而非浏览器版本号检测(避免UA欺骗),来适配更多浏览器。Modernizr工具克帮助实现检测。

四、各司其职

  1. 将HTML、CSS、JavaScript关联与分离使用,使代码易于维护和开发。