Quelle est la différence entre uniapp et HTML

Différence : 1. uniapp est un framework, tandis que HTML est un langage de balisage. 2. Il existe des différences dans les composants/étiquettes ; par exemple, p est remplacé par view, span et font sont remplacés par text, a est remplacé par navigateur et img est remplacé par image. 3. Uniapp ne prend pas en charge les opérations DOM, contrairement à HTML.

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

La différence entre uni-app et HTML

Changements dans les composants/balises

autrefois c'étaient des balises html, maintenant ce sont des mini balises de programme

• p changé en vue
• span, police changée en texte
• a changé en navigateur
• img changé en image
• l'entrée est toujours là, mais l'attribut type a été modifié en confirmtype
• formulaire, bouton, case à cocher, radio , l'étiquette, la zone de texte, le canevas et la vidéo sont toujours là.
• select est remplacé par picker
• iframe est remplacé par web-view
• ul et li ont disparu, et ils sont remplacés par view
• l'audio est n'est plus recommandé. Passer en mode api, document api audio en arrière-plan
  En fait, les anciennes balises HTML peuvent également être utilisées dans uni-app. Le compilateur uni-app convertira les anciennes balises en nouvelles balises lors de la compilation. Cependant, cette utilisation n'est pas recommandée. Il est facile de se tromper lors du débogage du côté H5, et il y aura également des problèmes avec les sélecteurs basés sur les éléments.

Recommandé : "Tutoriel de développement d'uni-app"

En plus des modifications, un certain nombre de nouveaux composants couramment utilisés sur les téléphones mobiles ont été ajouté

• scroll-view Un conteneur de vue de zone déroulante

• swiper Un conteneur de vue de zone pouvant être glissé

• icône icône

• texte enrichi en texte enrichi (ne peut pas exécuter js, mais peut restituer divers formats de texte et d'images)

• progression barre de progression

• indicateur de curseur de curseur

• sélecteur de commutateur

• caméra caméra

• diffusion en direct du lecteur en direct

• map map

• cover-view Un conteneur de vue qui peut couvrir les composants natifs

  cover-view doit être souligné quelques mots supplémentaires. La vidéo, la carte, le canevas et la zone de texte du côté non-H5 d'uni-app sont des composants natifs et sont de niveau supérieur aux autres composants. Si vous devez couvrir des composants natifs, comme l'ajout d'un masque à la carte, vous devez utiliser le composant cover-view

En plus des composants intégrés, il existe également de nombreux Composants d'extension open source qui couvrent les opérations courantes. Pour l'encapsulation, DCloud a créé un marché de plug-ins pour inclure ces composants d'extension. Pour plus de détails, consultez le marché des plug-ins

Modifications dans js.

L'environnement d'exploitation a changé par rapport au navigateur Le moteur v8

• prend en charge la syntaxe et l'API js standard, telles que if, for, settimeout, indexOf, etc. .
• Cependant, les objets fenêtre, document, navigateur et emplacement spécifiques au navigateur ne sont disponibles que dans les navigateurs et ne sont pas pris en charge par les applications ou les mini-programmes. un document, tel que jqurey, ne peut pas être utilisé. Cependant, les applications et les mini-programmes prennent en charge les composants d'affichage Web, qui peuvent charger du HTML standard. Ce type de page prend toujours en charge les objets spécifiques au navigateur, fenêtre, document, navigateur, emplacement

L'opération dom précédente. a été remplacé par vue. Le mode MVVM

• alerte, confirmation est remplacé par uni.showmodel
• ajax est remplacé par uni.request
• le cookie et la session ont disparu. , local.storage est remplacé par uni .storage
• Il existe de nombreuses API js d'uni-app, mais ce sont essentiellement les API de petits programmes. Remplacez simplement wx.xxx par uni.xxx

Changements CSS

Le sélecteur a 2 changements : *Le sélecteur n'est pas pris en charge ; il n'y a pas de corps dans le sélecteur d'élément, changé en page
• En termes d'unité , px ne peut pas s'adapter dynamiquement aux écrans de différentes largeurs, rem Il ne peut être utilisé que pour h5 et rpx ne peut être utilisé que pour les mini-programmes WeChat. À cette fin, uni-app a ajouté upx, une unité dynamique qui s'applique à tous les terminaux et à toutes les largeurs d'écran upx
• uni-app recommande d'utiliser la disposition flexible, et la disposition par défaut est la disposition flexible

Pour plus de connaissances sur la programmation, veuillez visiter :

Vidéo de programmation ! !

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!