HTML5移动开发指南（笔记概要）

标签：html5   移动开发   jquery mobile   sencha   phonegap   

1. viewport：<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" />
   1. 语法太见鬼了，W3C一帮矬人~！
   2. 苹果Safari移动浏览器的默认宽度是980px？这垃圾设计是谁想出来的？默认不应该就是设备宽度，然后允许用户缩放吗？
   3. 为什么网站不允许用户缩放？不就是一个pinch手势操作嘛
   4. 设想viewport宽度小于设备实际宽度，这种情况下字体的缩放是矢量缩放吗？图片呢？前者似乎还可以做到，后者不可能，只能用像素插值了
2. jQuery Mobile的 核心就是一堆dataset属性？
   1. 首先，这种把data-xxx属性绑定到定制样式行为的设计虽然似乎不用关心JS代码怎么实现，但感觉仍然不够灵活了点，其实JSP/JSTL从设计来说跟这里的dataset没什么区别
   2. 考虑到使用jQuery Mobile需要依赖额外的库文件和一堆CSS图片资源，当然，如果做了缓存的话也没什么问题，不过，如果可能的话还是尽量用原生代码来写更好
   3. 网格布局的本质就是用DIV+CSS来做grid layout，原始的table元素就是用来干这个的，这里有个精度问题：假如每列的宽度不是整数的话，实际上可能会有问题
      1. 像这种网格布局如何支持列向的流动布局？报纸媒体出版行业通常使用这种“专栏”式的布局，而且灵活性很大，HTML5目前原生还做不到
   4. p161 Web页面上显示“已安装”倒是很有意思：如何把一个JS控件安装到浏览器？（利用Web缓存技术）
3. Sencha Touch = Ext.JS + JQTouch + Raphael？
   1. Ext.lib.Component xtype
   2. 注意Ext的一些怪异的缩写风格：Cls Tpl ...
   3. Ext的使用基本上就是一堆JSON风格的配置代码，样式配置、数据来源配置、等等
   4. Carousel：可以通过滑动手势切换的UI组件
   5. Overlays（注意，这些UI具体怎么用不需要关心，只需要注意它的命名规范就行了）
   6. 关于日期选择控件：现在的风格基本上都是基于苹果iOS设计风格的年、月、日绝对选择定位，能不能做一个基于现在+相对时间定位的模糊选择控件？比如说“现在+3周以后+最接近的后一个星期五”？
      1. 话说我觉得我的这个设计都可以申请一个UI专利了！
   7. x
4. PhoneGap
   1. XCode已经集成了PhoneGap了？这个倒不错
   2. Accelerometer加速度传感器？
   3. Compass指南针？？这个方位信息如何与手机屏幕的摆放位置结合起来判断？
   4. *用connection对象检测网络状态——这个可以用来做自动流量控制切换功能
   5. File对象：HTML5 File API倒是没见怎么被广泛使用，不过，假如用PG来实现一个P2P下载软件的话...
   6. Capture：媒体采集（略）

HTML5移动开发指南（笔记概要）

标签：html5   移动开发   jquery mobile   sencha   phonegap   

原文地址：http://blog.csdn.net/cteng/article/details/40821869