La différence entre uniapp et HTML5

La différence entre uniapp et HTML5 : 1. uniapp est un framework qui utilise Vue.js pour développer toutes les applications frontales, tandis que HTML5 est une méthode de description de langage pour créer du contenu Web ; Opérations dom, tandis que H5 Il y a un objet dom à la fin ;3. Uniapp ne prend pas en charge les filtres, etc.

L'environnement d'exploitation de ce tutoriel : système Windows7, version uni-app2.5.1, ordinateur thinkpad t480.

Recommandé (gratuit) : Tutoriel de développement uni-app

uniapp est un framework qui utilise Vue.js pour développer toutes les applications frontales. Les développeurs écrivent un ensemble de. codes pouvant publier sur iOS, Android, Web (responsive), divers mini-programmes (WeChat/Alipay/Baidu/Toutiao/QQ/DingTalk/Taobao), applications rapides et autres plateformes.

HTML5 est une méthode de description de langage permettant de construire du contenu Web. HTML5 est la norme de nouvelle génération d'Internet et une méthode linguistique pour construire et présenter du contenu Internet. Elle est considérée comme l’une des technologies de base d’Internet. HTML a été créé en 1990 et HTML4 est devenu un standard Internet en 1997 et est largement utilisé dans le développement d'applications Internet.

Uniapp prend en charge le développement cross-mobile. Si vous utilisez uniquement la fin H5, l'utilisation d'uniapp n'est en fait pas différente de l'utilisation de vue pour le développement. Les plug-ins qui peuvent être utilisés par vue peuvent également être utilisés par uniapp.

Les problèmes de performances d'uniapp sont principalement concentrés du côté des applications, et l'expérience de développement de H5 et VUE est la même.

1. Différences dans les balises

2. Différences dans les composants

3. Changements dans JS

4. La principale différence avec h5 est qu'uniapp ne prend pas en charge les opérations DOM (le côté H5 a des objets DOM) et ne prend pas en charge les filtres, ce qui est cohérent avec l'applet WeChat.

5. Points communs

1. Les avantages communs d'uniapp et de h5 : une extrémité est polyvalente, bonne pour une seule variété, simple, pratique et compacte.

2. Les défauts communs d'uniapp et de h5 : par rapport au natif, il existe actuellement un écart de performances infranchissable.

6. Architecture d'application APP

uni-app peut être compilée et empaquetée dans une WebApp Pourquoi de nombreuses personnes utilisent-elles encore des shells APP natifs ? Cela n'alourdit-il pas le fardeau ? En fait, cela est déterminé par les besoins du projet. Utilisez d'abord uni-app pour développer la fin H5. Pour le moment, uni-app ne peut pas atteindre l'objectif, puis utilisez l'APP native pour compléter l'interaction afin de répondre à des besoins spécifiques. besoins.

1. Développement

(1) APP native

Différents systèmes d'exploitation mobiles (iphone, ipad, Android) doivent être développés séparément. Les coûts de développement et de maintenance sont élevés, la vitesse de développement est lente et le processus d'examen en ligne de l'APP est complexe et lent.

(2) WebApp

Parce qu'elle fonctionne sur le navigateur d'un appareil mobile, un seul projet de développement est requis. Le coût de développement est faible et la vitesse de développement est rapide.

2. Aspects fonctionnels

(1) L'application native

peut appeler les périphériques matériels du terminal mobile (microphone, caméra, SMS, GPS, Bluetooth) pour obtenir des informations riches. fonctions.

(2) WebApp

est plus une application d'affichage de page qu'une page Web d'ordinateur. Seule une fonctionnalité limitée du périphérique matériel mobile est disponible.

3. Installation de l'application et contrôle de version

(1) Application native

Installation : téléchargement de l'App Store | APP Store, qui peut économiser les coûts de bande passante et accéder aux ressources du cache local. .

Version : les utilisateurs sont libres de choisir de mettre à jour ou non la version. Les anciennes et les nouvelles versions doivent être maintenues et le coût de maintenance est élevé

(2) WebApp

Installation : accessible via le navigateur de l'appareil mobile, les mises à jour logicielles nécessitent uniquement la mise à jour du serveur

Version : Aucune installation n'est requise, économisant l'espace mémoire des terminaux mobiles. Tous les utilisateurs ont la même version. La vitesse de mise à jour de la version est pratique. Il suffit de mettre à jour les données directement sur le serveur et de se connecter immédiatement

4. Vitesse de chargement

(1) L'application native

est composée de "données du serveur cloud + client d'application". devraient être installés sur le terminal mobile. Lors de l'accès, seules les données doivent être chargées et le cadre de la page de l'application n'a pas besoin d'être téléchargé, la vitesse de chargement est donc plus rapide et la réponse de la page est plus rapide. Peut être utilisé hors ligne.

(2) WebApp

Pour ouvrir une page, tous les éléments de la page doivent être rechargés. La vitesse d'accès est limitée par les performances du terminal mobile et de l'environnement réseau, ce qui entraîne. vitesse de chargement lente et opérations fréquentes et faciles.

5. APPLICATION hybride

Avantages : compatible avec plusieurs plateformes, accès fluide aux fonctions de l'appareil mobile, téléchargement de l'App Store (l'application Web utilise le shell de l'application native)

Inconvénients : expérience utilisateur Pas aussi bonne que native, les performances sont légèrement plus lentes

6. Résumé

L'application native préfère l'interaction et se concentre sur l'expérience utilisateur ; l'application Web préfère une simple interaction avec le navigateur pour l'affichage des informations. Certaines fonctions nécessitent un accès au matériel, utilisez donc l'application native.

La méthode populaire consiste désormais à intégrer l'application native et l'application Web. Les fonctions principales utilisent l'application native, et les fonctions simples auxiliaires telles que l'affichage du contenu utilisent l'application Web. Cela facilite les mises à jour et garantit l’expérience interactive des fonctions principales.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!