Shulou(Shulou.com)06/02 Report--

Editor to share with you what are the advantages of using HTML5 to develop mobile phone APP. I hope you will get something after reading this article. Let's discuss it together.

Feature 1: offline caching

HTML5 Web Storage API can be seen as an enhanced version of cookie, which is not limited by data size, has better flexibility and architecture, can write data to the local ROM, and can restore data when you close the browser and open it again to reduce network traffic. Web Storage is a very important function introduced by HTML5, which can store data locally on the client side, similar to HTML4's cookie, but can be implemented much more powerful than cookie. The size of cookie is limited to 4KB Magi Web Storage official recommendation for each website 5MB.

Web Storage is divided into two types: sessionStorage and localStorage. It is clear from the literal meaning that when sessionStorage saves the data in session, the browser is closed, while localStorage keeps the data locally on the client. No matter it is sessionStorage or localStorage, you can use the same API. The following are commonly used (take localStorage as an example):

1. Save data: localStorage.setItem (key,value)

2. Read data: localStorage.getItem (key)

3. Delete a single data: localStorage.removeItem (key)

4. Delete all data: localStorage.clear ()

5. Get the key:localStorage.key (index) of an index

Mobile APP designers need to know when to let users download offline caches (note the difference between online and offline app).

Feature 2: audio and video are embedded freely, and the multimedia form is more flexible.

Native development method for text and audio / video mixed multimedia content processing is relatively troublesome, need to separate text, pictures, audio, video, parse the corresponding URL and deal with it in different ways. HTML5 is completely unrestricted in this respect and can be completely grouped together. Mobile APP designers need to know how wonderful it would be to mix text and multimedia in the presentation of news, Weibo, and social applications without specifically embedding webview, at least for now.

Feature 3: geographical location.

Geographical location, so that positioning and navigation is no longer exclusive navigation software, maps do not have to download very large map packages, can be solved through cache, where to go, more flexible. Mobile APP designers need to know that there are more and more applications with embedded LBS functions, which is one of the biggest advantages of mobile devices over desktop PC. HTML5 can expand this advantage again.

Feature 4: Canvas drawing to improve the drawing ability of the mobile platform.

Using Canvas API, you can simply draw hot maps to collect user experience data, and support regular editing such as moving, rotating, zooming and so on. It also supports 2D and 3D.

Feature 5: rich ways of interaction.

Improve interactive ability: drag and drop, undo historical operations, text selection, etc. For example, Transition-the movement effect of the component; Transform-the deformation effect of the component; Animation-adds movement and deformation to animation support. Coupled with the animation effects of js and so on, HTML5 provides a very rich way of interaction. Mobile APP designers try to imagine as much as possible!

Feature 6: low development and maintenance costs.

Lower development and maintenance costs; make the page smaller, reducing unnecessary expenses for users; and, better performance makes power consumption lower; easy to upgrade, open to use the latest version, avoid the trouble of downloading the upgrade package again, and update the offline cache directly during use.

Feature 7: CSS3 visual designer's auxiliary sharp weapon support.

CSS3 supports font embedding, layout, and the most impressive animation features. Selector-more flexible selector; Webfonts-embedded fonts; Layout-diversified typesetting options; Stlying radius gradient shadow-fillets, gradients, shadows

Border background-background support for borders. Use CSS3 to complete part of the visual work, load fast, save code and pictures, but also save bandwidth for users. These effects are very convenient to implement with HTML5, but if you use native development, it will probably make it difficult for those client developers.

After reading this article, I believe you have a certain understanding of "what are the advantages of using HTML5 to develop mobile phone APP". If you want to know more about it, you are welcome to follow the industry information channel. Thank you for reading!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.