随笔分类 -  移动互联网

摘要:APOMWArticle Pagination Of Mobile Web移动端Web的文章排版,主要用于 SPA(Single Page Application) 形态的阅读产品中。功能支持中英文分页排版支持多款字体样式切换通过 span 标签的 data-key 属性,可以进行书签功能扩展代码已... 阅读全文
posted @ 2014-07-06 13:56 Maple Jan 阅读(1869) 评论(0) 推荐(0)
摘要:Note:绝大多数API在IOS版下不支持,使用前请自行测试。UC官方的开发者中心:http://www.uc.cn/business/developer.shtmlU3内核定制标签说明1. 屏幕方向(screen-orientation)参数:landscape:强制横屏portrait:强制竖屏用法:1 2 版本支持:8.6+2. 全屏控制(full-screen)参数:yes:强制全屏用法:1 2 提示:用此方法触发的全屏模式,和用户手动在设置项选择的全屏模式是不同的。版本支持:8.6+3. 浏览模式(browsermode)描述:应用模式是为方便web应用及游戏开发者设置的综合开关,通 阅读全文
posted @ 2014-02-05 11:34 Maple Jan 阅读(3767) 评论(0) 推荐(1)
摘要:关于lazyload,很久之前整理过它的文档:《Lazy Load(1.7.0)中文文档 -- 延迟加载图片的jQuery插件》因为懒,所以才要用lazyload。但lazyload用了一些jQuery特有的内部接口,导致Zepto.js不支持。So,就在github上面fork了一个支持Zepto.js的branch。github:https://github.com/jiancm2011/jquery_lazyload 阅读全文
posted @ 2013-08-08 22:53 Maple Jan 阅读(2247) 评论(1) 推荐(0)
摘要:做移动端的Web也有一段时间了,踩过的坑真心不少。下面列出一些,移动端浏览器兼容性的Bug,供大家参考。【UC浏览器】video标签脱离文档流场景:<video>标签的父元素(祖辈元素)设置transform样式后,<video>标签会脱离文档流。测试环境:UC浏览器 8.7/8.6 + Android 2.3/4.0 。Demo:http://t.cn/zj3xiyu解决方案:不使用transform属性。translate用top、margin等属性替代。【UC浏览器】video标签总在最前场景:<video>标签总是在最前(可以理解为video标签的z 阅读全文
posted @ 2013-04-26 23:08 Maple Jan 阅读(9621) 评论(3) 推荐(3)
摘要:人机交互人机交互技术(Human-Computer Interaction Techniques)是指通过计算机输入、输出设备,以有效的方式实现人与计算机对话的技术。—— 互动百科简单点说,就是:输入(Input)输出(Output)›输入,其实就是命令机器干一些事情。输入设备:键盘、鼠标、画板…›输出,其实就是机器告诉你它干了什么。›输出设备:显示器、音响…目前,移动互联网的交互中,输入输出设备主要还是手机屏幕。所以移动互联网的交互,实质是:人机交互 = 视觉交互视觉交互中的“真理” —— 格式塔(Gestalt)原理›格式塔,是德文Gestalt的音译,原意是形状、图形的意思。›格式塔原理 阅读全文
posted @ 2012-12-15 15:27 Maple Jan 阅读(2856) 评论(2) 推荐(1)