首页 > 代码库 > HTML5移动开发指南(笔记概要)

HTML5移动开发指南(笔记概要)

  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移动开发指南(笔记概要)