Research on mobile end development framework based on HTML5

<span id="Label3"></p><p><p>The statistical information section below is from the network and does not represent a personal view. Please refer to.</p></p> <table style="width: 1732px;" border="0" cellspacing="0" cellpadding="0"> <colgroup> <col width="27"> <col width="55"> <col width="146"> <col width="205"> <col width="324"> <col width="321"> <col width="233"> <col width="205"> <col span="3" width="72"> </colgroup> <tbody> <tr> <td width="27" height="48"></td> <td class="xl64" width="55"></td> <td class="xl64" width="146"></td> <td width="205"></td> <td class="xl63" colspan="2" width="645">HTML5 mobile-based Development Framework Survey</td> <td width="233"></td> <td width="205"></td> <td width="72"></td> <td width="72"></td> <td width="72"></td> </tr> <tr> <td height="11"></td> <td class="xl64"></td> <td class="xl64"></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td class="xl66" height="43"></td> <td class="xl65">Serial number</td> <td class="xl65">Framework</td> <td class="xl65">Brief introduction</td> <td class="xl65">Advantages</td> <td class="xl65">Disadvantages</td> <td class="xl65">Note</td> <td class="xl65">Emphasis</td> <td class="xl66"></td> <td class="xl66"></td> <td class="xl66"></td> </tr> <tr> <td height="211"></td> <td class="xl67">1</td> <td class="xl67">PhoneGap</td> <td class="xl68" width="205">PhoneGap is a fast-developing platform for creating mobile Cross-platform mobile applications using HTML,CSS and Javascript. It enables developers to take advantage of the core features of Iphone,android,palm,symbian,wp7,wp8,bada and BlackBerry smartphones-including geolocation, accelerators, contacts, sounds and vibrations-plus phonegap's rich plugins , which can be called.</td> <td class="xl68" width="324"><span class="font6">1</span> <span class="font0">.</span> <span class="font6">can be cross-platform. </span>the <span class="font0">phonegap framework helps us to solve the difference, and the connection between JavaScript and the platform system is done by the PhoneGap Framework. Become an adapter, or middleware, that connects to a mobile Terminal.<br></span> <span class="font6">2. Provide hardware access Control. </span> <span class="font0">can invoke accelerometers, cameras, compass, contacts, documents, geolocation, media, network, notifications (warning, sound, and vibration), Storage.<br></span> <span class="font6">3. Available with the mature JavaScript Framework. Such as:</span><span class="font7">Ext js, jQuery. </span></td> <td class="xl68" width="321"><span class="font6">1. Poor Performance. </span> <span class="font0">slow running, delayed UI response-this is a fatal wound. (high-end machines have little Impact)<br></span> <span class="font6">2. cannot be completely cross-platform. </span> <span class="font0">different platform code needs to be Fine-tuned.<br></span> <span class="font6">3. Memory consumption is Large.<br>4. Difficult to Debug.</span></td> <td class="xl68" width="233">Official Website: http://phonegap.com/</td> <td class="xl69" width="205">Focus on hardware access control</td> <td></td> <td></td> <td></td> </tr> <tr> <td height="286"></td> <td class="xl67">2</td> <td class="xl67">Ionic</td> <td class="xl68" width="205">Ionic is a powerful HTML5 application development framework called Advanced HTML5 Hybrid Mobile AppFrameWork is a AngularJS mobile solution that can help you use WEB technologies such as HTML, CSS, and Javascript builds mobile apps that are close to the native experience. Ionic focuses on the look and feel, as well as the UI interaction with your application, and is especially useful for developing HTML5 mobile applications based on Hybird Mode. Ionic is a lightweight mobile phone UI library, with fast speed, interface modernization, Aesthetics and other Characteristics. To address some other UI libraries that are slow to run on the PHONE.</td> <td class="xl68" width="324"><span class="font6">1. The pursuit of performance speed fast</span><span class="font0"><br></span> <span class="font6">2. Lightweight Framework</span><span class="font0"><br></span> <span class="font6">3. Based on Angularjs</span><span class="font0">, support Angularjs features, MVC, code easy to maintain<br></span> <span class="font6">4. Build the application through SASS. </span> <span class="font0">It provides a number of UI components to help developers develop powerful applications.<br></span> <span class="font6">5. Close to Native. </span><span class="font0"><br></span> <span class="font6">6. Powerful command-line tools</span><span class="font0"><br></span></td> <td class="xl68" width="321"><span class="font6">The 1.Ionic is a front-section frame. </span> <span class="font0">does not completely replace the role of the PhoneGap and JavaScript frameworks<br></span> <span class="font6">2. Need to use with Plug-in. </span></td> <td class="xl68" width="233">Official Website: http://ionicframework.com/</td> <td class="xl69" width="205">Focus on front-end interaction</td> <td></td> <td></td> <td></td> </tr> <tr> <td height="203"></td> <td class="xl67">3</td> <td class="xl67">Hbuilder (domestic)</td> <td class="xl68" width="205">Hbuilder is Dcloud (digital Paradise) to launch a Web development IDE that supports HTML5. "fast, is Hbuilder's biggest advantage, through the complete grammar hints and the code input method, the code block and many matching, the Hbuilder can greatly enhance the html, js, the CSS development efficiency."</td> <td class="xl68" width="324">1, HTML5 grammar, html5+ syntax, three major browser extension syntax, the Hbuilder in the Collection.<br>2, each browser released a new version, within a week, its new syntax to receive input hbuilder.<br>3, powerful to make you shocked the jquery syntax hints!<br>4, each syntax in which browser, which version can be run, here Are.<br>5, there is no more than the entire grammar library, there is no more than the full browser compatibility database.</td> <td class="xl68" width="321">1. cloud-compiled, security is not Guaranteed.<br>2. cannot be completely cross-platform. Different platform code needs to be Fine-tuned.</td> <td>Official Website: http://dcloud.io/</td> <td class="xl69" width="205">Focus on coding implementation</td> <td></td> <td></td> <td></td> </tr> <tr> <td height="458"></td> <td class="xl67">4</td> <td class="xl67">Appcan (domestic)</td> <td class="xl68" width="205">appcan is an advocate for the development of mixed mode of hybrid app in china, Appcan application engine supports the development and operation of Hybrid app. And the problem of "not fluent" and "experience difference" of mobile application based on HTML5 is emphatically solved. Using the native interactivity provided by the Appcan application engine, the HTML5 development mobile app is nearly as close to the native app Experience. The <br> is different from developing mobile apps with PHONEGAP support for single webview using div units. Appcan supports a multi-window mechanism that allows developers to develop mobile applications flexibly, like the most traditional Web page development, via page links. Based on this mechanism, developers can develop large-scale mobile applications, rather than just developing simple types of mobile Applications. The <br> Appcan provides powerful device invocation capabilities, phone, sms, camera, LBS, sensors, Database and other commonly used mobile phone functions, developers can be called through the JS interface, easy to build mobile Applications. </td> <td class="xl68" width="324"><span class="font6">1. cross-platform </span> <span class="font0">: supports ios, Android, Symbian, Windows Phone <br> </span> <span class="font6">2. native experience </span> <span class="font0">: introduction of native UI controls and interactive support (such as action sheet, etc.) <br> </span> <span class="font6">3. Development tools </span> <span class="font0">: eclipse-based Development tools, Integrated UI controls and application management <br> </span> <span class="font6">4.ui frame </span> <span class="font0">: provides a powerful UI framework for easier page layout and interaction <br> </span> <span class="font6">5. device API </span> <span class="font0"> : Supports various phone device calls, such as phone, camera, sensor, location, etc. <br> </span> <span class="font6">6. Local packaging </span> <span class="font0">: No need to configure the environment, no need to compile, local One-click package <br> </span> <span class="font6">7. plug-in mechanism </span> <span class="font0">: support for Third-party native plug-ins, support JS plugin <br> </span> <span class="font6">8. code encryption </span> <span class="font0"> key-based encryption method, Unable to crack, like a composite to protect the HTML code <br> Statistical analysis: application of platform installation statistics, application startup and usage statistics <br> </span> <span class="font6">9. open Platform </span> <span class="font0">: more local advantages, has docked sina, QQ, Baidu and other open platform <br> </span> <span class="font6">10. Technical Support </span> <span class="font0"> Technical support timely response, attention to developer suggestions and feedback </span> </td> <td class="xl68" width="321">1.AppCan free version due to the need to upload source code to the Vendor's server packaging, for Enterprise development, The source code leakage security has some risks. Although the Enterprise Edition can be resolved, Enterprise Edition stability remains to be seen.<br>2.AppCan uses packaged components, which are relatively high-dependency. Not open source Code.<br>3.AppCan is not a good solution to native code Functionality.</td> <td class="xl68" width="233">Official website; http://www.appcan.cn/</td> <td class="xl68" width="205">　</td> <td></td> <td></td> <td></td> </tr> <tr> <td height="315">  </td> <td class="xl67">5 </td> <td class="xl67">wex5 (domestic) </td> <td class="xl68" width="205 ">WEX5 Application Rapid Development Framework (including the Full SDK API and all source code), one-time development, cross-end Operation. <br> "targeting" Development of open applications for consumers and the public <br> "applicable" General app, e-commerce app, Customer Service app, member app, Micro store, etc. <br> "front end" android app/apple app/service number/pc web App <br> "backend" back end data processing component , docking the mainstream technology platform <br> "cost" completely open source, completely free, without any restrictions </td> <td class="xl68" width="324"><span class="font6">1. Efficient and sophisticated UI component architecture </span> Span class= "font0", based on jquery and Bootstrap technology, with enhanced Requirejs modular Technology. <br> <span class="font6">2. based on PhoneGap (cordova) framework </span> <span class="font0" , such as camera, map, lbs location, compass, contacts, file, voice, batteries and so on. <br> </span> <span class="font6">3. Visual Drag-and-drop integrated development environment IDE </span> <span class="font0"> Fully capable debug support and Smart code hints </span> </td> <td class="xl68" width="321"><span class="font6">1. Limited scope of use </span> <span class="font0">: applicable: General app, e-commerce app, Customer Service app, member app, micro-store, such as micro-commerce, such as <br> </span> <span class="font6">2. The user volume is small, there are unstable factors. </span> </td> <td class="xl68" width="233"> official website: http://wex5.com/</td> <td class="xl68" width="205"> </td> <td>   </td> <td>   </td> <td>   </td> </tr> <tr> <td height="358"></td> <td class="xl67">6</td> <td class="xl67">Apicloud (domestic)</td> <td class="xl68" width="205">Apicloud is China's leading "cloud-in-one" cloud service provider for mobile Applications. Apicloud has redefined the development of mobile applications by implementing the concept of "cloud integration". Apicloud provides developers with APIs in the "cloud" and "end" two directions, simplifying mobile application development technology and shortening the development cycle of mobile applications from one months to 7 days. Apicloud is comprised of "cloud api" and "end api" to help developers quickly implement full lifecycle management of mobile application development, testing, publishing, management, and Operations.<br>Apicloud is committed to become China's leading mobile vertical domain cloud service provider, helping traditional software companies to successfully move from B/S architecture to app, helping China's millions of Web developers transform into mobile app experts!.</td> <td class="xl68" width="324">1. Provide the IDE for Development.<br>2. Provide data cloud api, statistics cloud api, push Cloud API</td> <td class="xl68" width="321">Copyright issues with hbuilder, plagiarism Hbuilder</td> <td class="xl68" width="233">Official Website: http://www.apicloud.com/</td> <td class="xl68" width="205">　</td> <td></td> <td></td> <td></td> </tr> <tr> <td height="26"></td> <td class="xl64"></td> <td class="xl64"></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td height="26"></td> <td class="xl64"></td> <td class="xl70">Conclusion:</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td height="26"></td> <td class="xl64"></td> <td class="xl70" colspan="4">1. Cross-platform aspect: most frameworks for Android and iOS platforms require more or less code adjustments that do not achieve a complete cross-platform.</td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td height="26"></td> <td class="xl64"></td> <td class="xl70" colspan="3">2. performance: root statistics, ionic performance will be a little better.</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td height="26"></td> <td class="xl64"></td> <td class="xl70" colspan="2">3. Code implementation: hbuilder has higher efficiency.</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td height="26"></td> <td class="xl64"></td> <td class="xl70" colspan="3">4.PhoneGap appeared the earliest, the domestic framework is based on PhoneGap Developed.</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td height="26"></td> <td class="xl64"></td> <td class="xl70"></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td height="26"></td> <td class="xl64"></td> <td class="xl71">Attention:</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td height="26"></td> <td class="xl64"></td> <td class="xl71" colspan="3">* The pros and cons of the framework, from the overall view, the hybrid app has not reached the native app implementation Effect.</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td height="26"></td> <td class="xl64"></td> <td class="xl71" colspan="3">* Each framework will encounter different degrees of pit in the implementation process, please choose the application framework carefully according to the focus of the Framework.</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td height="26"></td> <td class="xl64"></td> <td class="xl71" colspan="4">* If you want to develop apps based on Html5, you need to further validate the implementation of the framework and compare the effects of different frameworks to your NEEDS.</td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td height="26"></td> <td class="xl64"></td> <td class="xl70"></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </tbody> </table><p><p>Research on mobile end development framework based on HTML5</p></p></span>