移动web资源整理-学习整理
想想我是14年2月开始接触移动前端的,也做不了的页面,但总是做到哪是哪,没想过总结与整理,看了白树的文章后,深觉自己的懒惰。
现在要把他的东西一点点拿过来,整理与学习。
移动web带来的问题
- 设备更新换代快——低端机遗留下问题、高端机带来新挑战
- 浏览器厂商不统一——兼容问题多
- 网络更复杂——弱网络,页面打开慢
- 低端机性能差——页面操作卡顿
- HTML5新技术多——学习成本不低
- 未知问题——坑多
目录(更新于20160414)
- H5页面窗口自动调整到设备宽度,并禁止用户缩放页面
- 忽略将页面中的数字识别为电话号码
- 忽略Android平台中对邮箱地址的识别
- 当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari (new)
- 将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式
- viewport模板 (new)
常见问题 - 移动端如何定义字体font-family
- 移动端字体单位font-size选择px还是rem (new)
- 移动端touch事件(区分webkit 和 winphone) (new)
- 移动端click屏幕产生200-300 ms的延迟响应
- 触摸事件的响应顺序
- 什么是Retina 显示屏,带来了什么问题
- ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉
- 部分android系统中元素被点击时产生的边框怎么去掉
- winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉
- webkit表单元素的默认外观怎么重置 (new)
- webkit表单输入框placeholder的颜色值能改变么
- webkit表单输入框placeholder的文字能换行么
- IE10(winphone8)表单元素默认外观如何重置
- 禁止ios 长按时不触发系统的菜单,禁止ios&android长按时下载图片
- 禁止ios和android用户选中文字
- 打电话发短信写邮件怎么实现
- 模拟按钮hover效果
- 屏幕旋转的事件和样式
- audio元素和video元素在ios和andriod中无法自动播放
- 摇一摇功能 (new)
- 手机拍照和上传图片
- 微信浏览器用户调整字体大小后页面矬了,怎么阻止用户调整
- 消除transition闪屏
- 开启硬件加速
- 取消input在ios下,输入的时候英文首字母的默认大写
- android上去掉语音输入按钮
- android 2.3 bug
- android 4.x bug
- 设计高性能CSS3动画的几个要素
- fixed bug
- 如何阻止windows Phone的默认触摸事件
- 播放视频不全屏 (new)
常用的移动端框架 - zepto.js
- iscroll.js
- underscore.js
- 滑屏框架
- flex布局 (new)
- FastClick
- Sea.js
有问题反馈
在使用中有任何问题,欢迎反馈给我,可以用以下联系方式跟我交流
- 邮件(572755296#qq.com, 把#换成@)
- QQ: 572755296
- github: @viviannwo
关于作者
var ihubo = {
nickName : "v老头子",
site : "https://github.com/viviannow"
}
浙公网安备 33010602011771号