一 背景
公司需要開發乙個web頁面，需要支援主流android和ios手機，採用web頁面好處是乙個頁面，在不同平台之間都可以用，節省成本，基本html、js和css大家也都熟悉。但是對比傳統網頁開發移動web開發還是有一定區別的。
二 技術選擇
js框架用zepto.js（該框架語法幾乎和jquery一樣而且更加精簡
ui框架用frozenui（該框架是tx的，裡面已經有很多常用樣式了
三 和常規web開發區別
1.viewport，如
2.布局方面不同，如flexbox
3.300ms延時問題，用zepto裡的tap可以解決
4.離線儲存和本地儲存
如要深入學習，看框架原始碼是不錯的選擇。
三 和常規web開發區別
對於非前端人員，遇到問題是肯定的。其中有個就是如
click
，點選label在ios裝置上會有半透明背景色，其他裝置上都正常，最後發現只要是click相關的都有，結果呢只要設定下-webkit-tap-highlight-color這個webkit css就可以了，在這裡獻上webkit css大全，是攜程ued的
ionic 開發WebApp入門
在這個技術日新月異的情況下，學習是提高個人技術能錄的唯一路徑，下面就ionic 的入門做以下小結。私以為還是官網的資料最為準確。部門學習資料如下 菜鳥教程 ionic1 官方文件 中文翻譯部落格篇 感謝作者！大家在開發中會遇到諸多的坑，而填坑也是一件很有意思的事情，下面就本人在填坑過程中找到的好的資...
webapp 移動端開發
h5頁面視窗自動調整到裝置寬度，並禁止使用者縮放頁面 忽略將頁面中的數字識別為 號碼 忽略android平台中對郵箱位址的識別 將 新增到主螢幕快速啟動方式，僅針對ios的safari頂端狀態條的樣式 移動端如何定義字型font family body中文字型使用系統預設即可，英文用helvetic...
webapp專案開發歷程
一 開發概要 在手機頁面上點選每一橫行的cell，點入到對應的操作頁面 分別可以顯示使用者手機裡面的photos,video,txt 展示個人的使用者資料 方法 document.addeventlistener deviceready ondeviceready,false function on...