PhoneGap Development ipad App Summary

Busy for a while, and finally finished the app on the ipad, the app was developed with phonegap+ jquery Mobile, not with native objective C. Because the app has a lot of chart renderings, it's much less difficult to use JavaScript, but the downside of phonegap is obvious---performance is bad, especially if you need to invoke the native API.

Here's a summary of what I've done in the app process:

1.local storage Local storage capacity is not more than 5M, if the local database needs to consider the amount of data. If the database is large, you need to use the native SQLite database, xcode5.0 Project can directly create a new sqlite3.0 database. Because it is based on PHONGAP development, you need to add sqliteplugin, you can find the plugin already written on GitHub.

2. Each page will include Polygon 3 function Windows.load,document.ready (), Deviceready () 3 event execution order, if you need to read data from the database, you need to be careful after the Deivceready () event.

3. To access the external service, you need to add whitelist in the PhoneGap configuration file. There is no need to use Ajax +jsonp to implement cross-domain.

NavBar in 4.jquery Mobile can only have up to 5 columns, and if the navigation menu is more than 5 columns, it is automatically replaced with 2 rows

5.jquery Mobile page between the jump has a white screen, try to mention a lot of options in the evening, the effect is not obvious. Finally had to page to jump the process of adding GIF animation to disguise the white screen problem.

6. Page optimization, minimize the resource file reference, CSS file placed in the head, JS file put in the tail, and try to compress.

7. How to page content more, and must be in a page display complete, you have to use the roller, this time another JS plugin iscroll-4 is more useful.

8. Share a very useful JS Roller plug-in mobiscroll ( partially charged ), similar to iOS native pickervier control, more demos can refer to the official website

8. Share a slider plugin (egorkhmelev-jslider), as shown in the effect, I spent a lot of time to do as the effect.

9. Finally, the chart, with a few sets of open-source JS plug-ins, the effect is not satisfied, and finally used the charge of the Fusioncharts