移動端web app開發備忘

近期要做個手機html5的頁面，做些知識儲備，重要的點記錄下來以備興許。

1.devicepixelratio:定義裝置物理象素和裝置獨立象素的比例。css中的px能夠看作是裝置的獨立象素。通過devicepixelratio。就能夠知道裝置上的乙個css畫素代表著多少個物理畫素，能夠考慮devicepixelratio+rem進行不同裝置間的適配；

var len = queue.length;

var counter = 0;
for(var i = 0; i < len; i++)
}}

4.svg vs canvas。兩種html5的瀏覽器畫圖技術。

svg所繪製的影象都是dom元素，因此支援事件處理，canvas的每次更新須要重繪。並且svg支援動畫和濾鏡。

對於動畫的實現，canvas是不斷的重繪畫板。而svg是原生支援的。

5.用到iscroll5,iscroll5的源**中僅僅實現了scrollstart,scrollend,refresh的事件。而沒有滾動進行時的事件，能夠通過在源**中新增一句來解決：

this._execevent('scrollmove');

webapp 移動端開發

h5頁面視窗自動調整到裝置寬度，並禁止使用者縮放頁面 忽略將頁面中的數字識別為 號碼 忽略android平台中對郵箱位址的識別 將 新增到主螢幕快速啟動方式，僅針對ios的safari頂端狀態條的樣式 移動端如何定義字型font family body中文字型使用系統預設即可，英文用helvetic...

移動端webApp之大前端 一

由於移動端的手機螢幕跟pc端不同，解析度也是五花八門，所以對於移動端前端頁面布局就是很大的挑戰。不過我們既然知道了移動端跟pc端不同 就可以有針對性的進行開發，畢竟移動端的瀏覽器不牽扯到太多pc端似的各種坑爹的相容！viewport 不得不說的是viewport，這是移動端開發必備的乙個meta標籤...

WebApp移動端前端UI庫

frozen ui 自述 簡單易用，輕量快捷，為移動端服務的前端框架。主頁 開發團隊 qqvip fd team github demo frozenui demo index.html weui 開發團隊 wechat official design team github demo sui mo...