L'API de stockage Web HTML5 peut être considérée comme une version améliorée des cookies, qui n'est pas limitée par la taille des données, a une meilleure flexibilité et une meilleure architecture et peut écrire des données sur la ROM de la machine. Il peut également restaurer des données lorsque le navigateur est fermé et il est à nouveau ouvert pour réduire le trafic réseau.
L'émergence du développement mobile HTML5 a déplacé la concurrence des plates-formes mobiles des plates-formes système aux navigateurs: IE mobile, Chrome, Firefox, Safari ou New Browsers. Celui qui peut obtenir un meilleur support pour HTML5 du côté mobile sera en mesure d'occuper plus de marchés dans le futur champ d'application mobile.
Des méthodes d'utilisation et d'installation d'applications plus flexibles et plus pratiques deviendront l'une des garanties pour que HT] l5 brille sur les plates-formes mobiles.
Voici plusieurs fonctionnalités importantes que HTML5 convient au développement d'applications mobiles:1. La mise en cache hors ligne fournit la base du développement HTML5 d'applications mobiles
L'API de stockage Web HTML5 peut être considérée comme une version améliorée des cookies, qui n'est pas limitée par la taille des données, a une meilleure flexibilité et une meilleure architecture, et peut écrire des données sur la ROM de la machine, et peut également restaurer des données lorsque le navigateur est fermé et ouvert à nouveau pour réduire le trafic réseau.
Dans le même temps, cette fonction peut être considérée comme un enregistrement d'opération de fond dans une autre direction, sans occuper de ressources de fond, en réduisant la pression sur le matériel de l'appareil et en augmentant la douceur du fonctionnement.
Les applications en ligne prennent en charge le téléchargement des caches hors ligne lors de l'utilisation ou du non des caches hors ligne; Les applications hors ligne doivent être téléchargées après les caches hors ligne avant de pouvoir être utilisées.
Pour le dire de façon vivante, les biscuits stockent les téléphones et les menus. Vous devez commander des plats à emporter lorsque vous voulez manger. Le temps qu'il faut pour attendre dépend de la condition de trafic; Le cache hors ligne signifie que vous stockez des aliments directement au réfrigérateur, et vous pouvez le manger immédiatement si vous voulez manger les derniers aliments (bien sûr, vous pouvez également appeler pour réserver une réservation si vous voulez manger la dernière nourriture).
Les concepteurs doivent savoir quand permettre aux utilisateurs de télécharger le cache hors ligne (notez la différence entre les applications en ligne et hors ligne).
2. Audio et vidéo intégrés librement, format multimédia plus flexible
La méthode de développement native est relativement gênante pour le traitement du contenu multimédia qui mélange du texte, de l'audio et de la vidéo. Il nécessite de diviser le texte, les images, l'audio et la vidéo, analysant les URL correspondantes et les traitant de différentes manières.
HTML5 est complètement sans restriction à cet égard et peut être géré entièrement ensemble.
Les concepteurs doivent savoir que ce serait une chose merveilleuse si le texte et le multimédia sont mitigés dans la présentation de l'information des nouvelles, de Weibo et des applications sociales sans avoir à intégrer spécifiquement les vues Web, au moins il est toujours difficile de mettre en œuvre la méthode native maintenant.
3. Positionnement géographique, partagez l'emplacement à tout moment, n'importe où
Donnez un jeu complet aux avantages des appareils mobiles dans le positionnement et promouvoir le développement des applications LBS.
Vous pouvez utiliser le GPS, le WiFi, les téléphones mobiles et d'autres méthodes pour rendre le positionnement plus précis et plus flexible.
Le positionnement de l'emplacement géographique fait que le positionnement et la navigation n'ont plus de logiciels de navigation exclusifs, et les cartes n'ont pas besoin de télécharger de très grands packages de cartes. Ils peuvent être résolus par le cache, et ils peuvent être plus flexibles partout où ils vont.
Les concepteurs doivent savoir qu'il existe de plus en plus d'applications qui incorporent les fonctions LBS, ce qui est également l'un des plus grands avantages des appareils mobiles par rapport aux PC de bureau. HTML5 peut à nouveau étendre cet avantage. Pensez à comment l'utiliser dans l'application que vous avez conçue!
4. Dessin sur toile pour améliorer les capacités de dessin des plates-formes mobiles
Utilisez l'API Canvas pour simplement dessiner des cartes Hotspot pour collecter des informations d'expérience utilisateur
Prend en charge l'édition générale d'images telles que le mouvement, la rotation et le zoom
Canvas - Support de fonction de dessin 2D
Canvas 3D - Prise en charge de la fonction de dessin 3D
SVG - Prise en charge du graphique vectoriel
Les concepteurs doivent savoir que le mouvement, la rotation et la mise à l'échelle des images sont trop basiques. Ce sont tous de petits cas lorsqu'ils dessinaient seuls. Quant à la façon de les utiliser, pensez-y attentivement!
5. Formez des éléments personnalisés pour les plateformes mobiles
L'élément de formulaire HTML5 qui apparaît dans le navigateur et le clavier correspondant:Clavier à usage de type
Clavier standard de contenu d'entrée normal de texte
Numéro de téléphone Tel Numérique
Email Adresse e-mail zone de texte avec @ et.
URL de l'URL avec .com et.
La recherche est utilisée pour les moteurs de recherche, tels que le clavier standard de la zone de recherche affichée en haut du site
Sélecteurs numériques de plage dans une plage de valeur spécifique, l'affichage typique est le curseur de curseur ou la platine
Vous n'avez besoin que d'une déclaration simple pour terminer l'appel à différents claviers, ce qui est simple et pratique.
Les concepteurs doivent savoir que lorsque vous l'utilisez, n'oubliez pas de dire à leurs collègues de R&D!
6. Prise en charge du mode interactif riche
Améliorer la capacité d'interaction: traîner, annuler les opérations historiques, sélection de texte, etc.
Transition - effet de mouvement des composants
Transformée - effet de déformation des composants
Animation - Ajouter le mouvement et la déformation au support d'animation
Les concepteurs doivent savoir que HTML5 fournit une riche méthode interactive. Quant à savoir si c'est utile ou non, c'est votre propre entreprise!
7. Avantages de l'utilisation de HTML5
Réduire les coûts de développement et de maintenance;
Rendez la page plus petite et réduisez les dépenses inutiles pour les utilisateurs; Et de meilleures performances rendent la consommation d'énergie plus faible;
Il est pratique de mettre à niveau, et vous pouvez l'ouvrir et utiliser la dernière version, en éliminant le problème de redémarrage du package de mise à niveau. Pendant l'utilisation, vous mettez directement à jour le cache hors ligne.
Les concepteurs doivent savoir ce que les utilisateurs veulent et ce que HTML5 peut fournir aux utilisateurs.
8. Outils auxiliaires du concepteur visuel CSS3
CSS3 prend en charge l'intégration des polices, la mise en page et les fonctionnalités d'animation les plus impressionnantes.
Sélecteur - Selecteur plus flexible
Webfonts - polices intégrées
Disposition - diverses options de typographie
Rayon Stlying Shadient Shadow - Corners arrondis, gradients, ombres
Contexte de la frontière - Support des antécédents pour les frontières
Utilisez CSS3 pour terminer un travail visuel, le chargement rapide, enregistrer du code et des images et enregistrer la bande passante pour les utilisateurs.
Les concepteurs doivent savoir que la voie de dizaines d'images matérielles dans une interface est trop à l'écart, alors laissez CSS3 vous aider à être paresseux dès que possible.
9. Communication en temps réel
Dans le passé, en raison du protocole HTTP et de la conception du navigateur, l'interaction en temps réel était assez limitée, et certaines techniques ne pouvaient être utilisées que pour "simuler" les effets de communication en temps réel, mais HTML5 a fourni un support de communication en temps réel complet.
Les concepteurs doivent savoir que le contenu de communication et d'information en temps réel est intégré dans l'application pour les rappels en temps réel, et HTML5 peut vous aider à y parvenir.
10. Prise en charge des archives et matériel
Je me demande si vous avez découvert que dans de nouveaux programmes Web tels que Gmail, vous pouvez déjà utiliser des fichiers glisser et glisser comme pièces jointes? Il s'agit de l'API Drag 'n Drop and File dans les fonctions de fichier HTML5.
Les concepteurs doivent savoir qu'il existe une demande croissante de transmission de données dans les applications mobiles, et la méthode de sélection traditionnelle de chemin est trop lourde. Venez et essayez la fonction HTML5 glisser-déposer!
11. Sémantique
Les réseaux sémantiques peuvent permettre aux ordinateurs de mieux comprendre le contenu des pages Web, qui peuvent être d'une grande aide à l'optimisation des moteurs de recherche (SEO) ou aux systèmes de recommandation.
Les concepteurs doivent savoir que HTML5 peut rendre les recherches plus rapidement et plus précises.
12. Méthode de développement d'applications d'intégration à double plate-forme pour améliorer l'efficacité du travail
Selon la situation actuelle où l'iPhone / Android augmente rapidement sa part de marché, si vous souhaitez écrire des applications sur des smartphones avancés à l'avenir, si vous choisissez d'utiliser un framework Cocoatouch Objective-C + pour écrire des applications iPhone / iPad, ou choisissez Java + Android Framework pour écrire des applications Android. Si vous souhaitez prendre en charge deux plates-formes en même temps, vous devrez maintenir deux ensembles de codes, ce qui constitue un petit fardeau pour les petits services qui commencent.
Utilisez HTML5 et CSS3 pour écrire des applications Web. Pour prendre en charge l'iPhone et Android en même temps, il vous suffit de maintenir un seul code (quelques-uns doivent être modifiés en fonction des clients). À l'avenir, si d'autres appareils mobiles ont des navigateurs qui prennent en charge HTML5, le même WebApp aura directement une plate-forme de support supplémentaire.
La série de services de Google utilise de nombreuses spécifications de cache, de stockage et de base de données dans HTML5 pour réaliser l'effet des programmes d'accès hors ligne. Étant donné que la connexion réseau des appareils mobiles est plus instable que les applications de bureau, et parfois il n'y a pas de réseau à utiliser sur mobile, ces technologies permettent aux utilisateurs de continuer à utiliser votre WebApp même dans un environnement sans Internet. Cela montre que l'objet de service principal de HTML5 est toujours donné aux applications Web et ne constituera pas une menace pour le développement de toutes les applications. Cela aidera différents types d'applications à utiliser différentes méthodes de développement et les rendront plus flexibles.
Le contenu ci-dessus présente plusieurs fonctionnalités majeures du développement mobile HTML5 (MUST-READ), j'espère que vous l'aimez.