移动web资源整理-学习整理

想一想我是14年2月开始接触移动前端的，也作不了的页面，但老是作到哪是哪，没想过总结与整理，看了白树的文章后，深觉本身的懒惰。
如今要把他的东西一点点拿过来，整理与学习。

## 移动web带来的问题

• 设备更新换代快——低端机遗留下问题、高端机带来新挑战
• 浏览器厂商不统一——兼容问题多
• 网络更复杂——弱网络，页面打开慢
• 低端机性能差——页面操做卡顿
• HTML5新技术多——学习成本不低
• 未知问题——坑多

目录（更新于20160414）

meta基础知识

• 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"
  }

若是要跟原做者联系，看下面：😊😊😊😊

来找资源的小伙伴请看 原网址：