移動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"
  }

若是要跟原做者聯繫，看下面：😊😊😊😊

來找資源的小夥伴請看 原網址：