QBao-Mobile架构

qbao-mobile

mobile的目录结构和web2.0是一样的，意味着构建过程也是一样的，主要区别如下：

  1. 使用HTML5 Template for Mobile作为模板

  2. 使用Zepto替换jQuery

  3. 使用FastClick加速按键响应

  4. 使用JS控制页面宽度为640px，开发时只要将PSD转换为640宽度，然后量出来是多少就可以写多少，非常方便

qbao-mobile2.1

mobile2.1对于mobile的改变主要也是构建系统的优化：

  1. 优化构建系统，支持开发者本机构建，支持一键构建，半分钟内完成；

  2. 使用Reset.css替换Normalize.css；

  3. 使用弹性布局，开发者将PSD设为640宽度，然后宽度使用%布局，高度使用rem（如：32px转化为.32rem）