移動web資源整理
2013年底接觸移動端，簡單做下總結，首先了解下移動web帶來的問題
- 設備更新換代快——低端機遺留下問題、高端機帶來新挑戰
- 瀏覽器廠商不統一——兼容問題多
- 網絡更復雜——弱網絡，頁面打開慢
- 低端機性能差——頁面操作卡頓
- HTML5新技術多——學習成本不低
- 未知問題——坑多 </ul>
- meta基礎知識
- H5頁面窗口自動調整到設備寬度，并禁止用戶縮放頁面
- 忽略將頁面中的數字識別為電話號碼
- 忽略Android平臺中對郵箱地址的識別
- 當網站添加到主屏幕快速啟動方式，可隱藏地址欄，僅針對ios的safari (new)
- 將網站添加到主屏幕快速啟動方式，僅針對ios的safari頂端狀態條的樣式
- viewport模板 (new) </ul> </li>
- 常見問題
- 移動端如何定義字體font-family
- 移動端字體單位font-size選擇px還是rem (new)
- 移動端touch事件(區分webkit 和 winphone) (new)
- 移動端click屏幕產生200-300 ms的延遲響應
- 觸摸事件的響應順序
- 什么是Retina 顯示屏，帶來了什么問題
- ios系統中元素被觸摸時產生的半透明灰色遮罩怎么去掉
- 部分android系統中元素被點擊時產生的邊框怎么去掉
- winphone系統a、input標簽被點擊時產生的半透明灰色背景怎么去掉
- webkit表單元素的默認外觀怎么重置
- webkit表單輸入框placeholder的顏色值能改變么
- webkit表單輸入框placeholder的文字能換行么
- IE10（winphone8）表單元素默認外觀如何重置
- 禁止ios 長按時不觸發系統的菜單，禁止ios&android長按時下載圖片
- 禁止ios和android用戶選中文字
- 打電話發短信寫郵件怎么實現
- 模擬按鈕hover效果
- 屏幕旋轉的事件和樣式
- audio元素和video元素在ios和andriod中無法自動播放
- 搖一搖功能
- 手機拍照和上傳圖片
- 微信瀏覽器用戶調整字體大小后頁面矬了，怎么阻止用戶調整
- 消除transition閃屏
- 開啟硬件加速
- 取消input在ios下，輸入的時候英文首字母的默認大寫
- android上去掉語音輸入按鈕
- android 2.3 bug
- android 4.x bug
- 設計高性能CSS3動畫的幾個要素
- fixed bug
- 如何阻止windows Phone的默認觸摸事件
- 播放視頻不全屏 (new) </ul> </li>
- 常用的移動端框架
- zepto.js
- iscroll.js
- underscore.js
- 滑屏框架
- flex布局
- FastClick </ul> </li> </ul> 來自：http://www.cnblogs.com/PeunZhang/p/3407453.html
本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！
面對這些問題，一開始我們只能在未知中試錯，知道錯誤的方案才能更容易尋找正確的解決問題思路，2年多來，可看到移動web在業界不斷趨向于成熟，各種框架和解決方案不斷的涌現讓移動端開發不再是個噩夢。
這幾天把想到的一點經驗先羅列出來，后續會持續更新，這篇文章可以給剛接觸webapp開發的同學帶來幫助，任何疑問歡迎留言探討~