jquerymobile移動門戶開發初探

地址：http://jquerymobile.com/

使用後體會：經常使用的移動前端框架，學習成本較低，基本知足移動開發的需求，但若須要細粒度的前端開發須要另設計改造。框架可能比較大，在2G網絡難以有較好的用戶體驗，雖然頁面間的跳轉所有都是ajax加載，但第一次須要加載的CSS和JS所需時間比較長。兼容性方面，ios系統下，會出現各類奇怪問題，常常須要另外尋找解決方案。如下是一些我的收集的資源：

1）仿Iphone界面的圖標設計：

http://appcropolis.com/how-to-make-iphone-back-button-in-jquery-mobile/

2）自定義顏色主題：

http://jquerymobile.com/themeroller/

3）jquerymobile開發移動門戶做品展廊：

http://www.jqmgallery.com/

4）isrcoll4

http://cubiq.org/iscroll-4

5）isroll4與jqm結合（硬件加速）實現pull-to-refresh方案:

https://github.com/watusi/jquery-mobile-iscrollview

6)FB-style-menu(仿FaceBook滑動方案)

https://github.com/aio1108/JQM-FB-Style-Slide-Menu

7）JQM-左右划動菜單（1.3版纔出現，目前我的使用1.2版比較穩定）

http://jquerymobile.com/branches/slide-panel/docs/panels/index.html

8）仿原生native滑動菜單

http://jsfiddle.net/sVY2M/light/

9）ios系統觸摸事件延遲解決方案，網上有不少，我目前用虛擬鼠標事件代替

http://cubiq.org/remove-onclick-delay-on-webkit-for-iphone

http://justinmccandless.com/blog/jQueryMobile+Plugin+to+Improve+iOS+Click+Speed

 

10）JQM前端技術大牛推薦：

http://andymatthews.net/

 

11）其餘資源：

http://topmanopensource.iteye.com/blog/1535282

 

最後總結：

         當遇到問題的時候，建議如今jqm論壇搜索提問，不少時都是有答案的。同時，github裏面的開源插件做者也會抽時間回答你提出的問題，但要看清楚那插件是否有一直維護。