忙碌了一段時間，終于完成了手上的這個ipad上的app ,app是用phonegap+ jquery mobile
開發的，不是用原生的objective
c開發的。因為app有許多chart的渲染,如果使用javascript難度會小很多,不過phonegap的缺點也是顯而易見---性能不好,尤其是當需要調用native
api的時候.
下面就對我在完成app過程中的一些總結：
1.local storage本地存儲容量不超過5m,
如果需要本地資料庫應考慮資料量。如果資料庫較多，需要使用native的sqlite資料庫，xcode5.0工程裡面可以直接建立sqlite3.0資料庫。由于是基于phongap的開發,需要添加sqliteplugin，在github上可以找到已經寫好的插件。
2.每個頁面會包括面3個函數windows.load,document.ready(),deviceready() 3個事件的執行順序,
如果需要從資料庫讀取資料，需要注意放在deivceready()事件之後.
3.通路外部的service,需要在phonegap 配置檔案,添加whitelist.不需要借助ajax +jsonp的方式來實作跨域。
4.jquery mobile中的navbar最多隻能有5列，如果導航菜單多于5列,會自動換成2行
5.jquery
mobile頁面之間的跳轉有白屏，嘗試了晚上提到的很多方案，效果都不明顯。最後不得不頁面跳轉的過程中加上gif動畫，以掩飾白屏的問題。
6.頁面的優化，盡量減少資源檔案的引用，css檔案放在頭部，js檔案放在尾部，并盡量壓縮。
7.如何頁面内容較多，而又必須在一個頁面顯示完成，就不得不使用滾輪了，這時候另外一個js插件iscroll-4就比較好用了。
8.分享一個很好用的js滾輪插件mobiscroll(部分收費)，類似于ios原生的pickervier控件一樣，更多demo可以參考官網
8.分享一個slider插件(egorkhmelev-jslider
)，如下圖中的顯示效果,我花了不少時間才做到如下圖的效果.
9.最後就是chart,用了幾套開源的js插件，效果都不滿意，最後使用了收費的fusioncharts