Was ist der Unterschied zwischen Uniapp und HTML?

青灯夜游
Freigeben: 2023-01-03 09:25:15
Original
2822 Leute haben es durchsucht

Unterschied: 1. Uniapp ist ein Framework, während HTML eine Auszeichnungssprache ist. 2. Es gibt Unterschiede bei den Komponenten/Beschriftungen. Beispielsweise wird p in „view“ geändert, „span“ und „font“ werden in „text“ geändert, „a“ wird in „navigator“ geändert und „img“ wird in „image“ geändert. 3. Uniapp unterstützt keine DOM-Operationen, HTML jedoch schon.

Was ist der Unterschied zwischen Uniapp und HTML?

Die Betriebsumgebung dieses Tutorials: Windows7-System, Uni-App2.5.1 und HTML5-Version, Thinkpad T480-Computer.

Der Unterschied zwischen Uni-App und HTML

Änderungen in Komponenten/Beschriftungen

Früher waren es HTML-Tags, jetzt sind es Mini-Programm-Tags Span, Schriftart wurde in Text geändert. Video, diese sind noch da.

    select wurde in Picker geändert.
  • iframe wurde in Web-Ansicht geändert sind auch Es kann in Uni-App verwendet werden. Der Uni-App-Compiler konvertiert während der Kompilierung alte Tags in neue Tags. Diese Verwendung wird jedoch nicht empfohlen. Beim Debuggen der H5-Seite kann es leicht zu Verwirrung kommen, und es treten auch Probleme mit elementbasierten Selektoren auf.
  • Empfohlen: „
  • Uni-App-Entwicklungs-Tutorial
  • Zusätzlich zu den Änderungen wurden eine Reihe neuer Komponenten hinzugefügt, die häufig auf Mobiltelefonen verwendet werden
  • Swiper Sliding Area View Container
  • Symbolsymbol
  • Rich-Text-Rich-Text (kann JS nicht ausführen, aber verschiedene Textformate und Bilder rendern)

Fortschrittsbalken

Slider-Slider-Indikator Gerät

    Schalter-Wahlschalter
  • Kamerakamera
  • Live-Player-Liveübertragung
  • Kartenkarte
  • Cover-Ansicht Ein Ansichtscontainer, der native Komponenten abdecken kann
  • Cover-Ansicht braucht mehr Um es noch einmal zu betonen: Video, Karte, Leinwand und Textbereich auf der Nicht-h5-Seite von uni-app sind native Komponenten und haben eine höhere Ebene als andere Komponenten. Wenn Sie native Komponenten abdecken müssen, z. B. das Hinzufügen einer Maske zur Karte, müssen Sie die Cover-View-Komponente verwenden

  • Zusätzlich zu den integrierten Komponenten gibt es auch viele Open-Source-Erweiterungskomponenten, die allgemeine Vorgänge kapseln . DCloud hat einen Plug-in-Markt eingerichtet. Weitere Informationen finden Sie im Plug-in-Markt.

  • Änderungen in js

  • Die Ausführungsumgebung hat sich vom Browser zur v8-Engine geändert Standard-JS-Syntax und API werden unterstützt, z. B. if, for, settimeout, indexOf usw.

  • Die browserspezifischen Fenster-, Dokument-, Navigator- und Standortobjekte sind jedoch nur im Browser verfügbar und werden von Apps und nicht unterstützt Dies bedeutet, dass viele HTML-Bibliotheken, die auf Dokumenten basieren, wie z. B. jqurey, nicht verwendet werden können. Apps und kleine Programme unterstützen jedoch Webansichtskomponenten, die Standard-HTML laden können. Diese Art von Seite unterstützt weiterhin browserspezifische Objekte Fenster, Dokument, Navigator, Standort
  • Der vorherige Dom-Betrieb wurde in den MVVM-Modus von Vue geändert
  • Warnung, Bestätigung wird in uni.showmodel geändert.

    ajax wird in uni.request geändert Es handelt sich im Grunde um eine kleine Programm-API. Ändern Sie einfach wx.xxx in uni.xxx
  • css-Änderungen

    Es gibt 2 Änderungen im Selektor: *Der Selektor wird nicht unterstützt; es gibt keinen Körper im Elementselektor wird in Seite geändert
In Bezug auf die Einheit kann px nicht dynamisch an Bildschirme unterschiedlicher Breite angepasst werden, rem kann nur für h5 verwendet werden und rpx kann nur für WeChat-Miniprogramme verwendet werden. Zu diesem Zweck hat uni-app upx hinzugefügt, eine dynamische Einheit, die für alle Terminals und alle Bildschirmbreiten gilt. upx

uni-app empfiehlt die Verwendung von Flex-Layout. Die Standardeinstellung ist Flex-Layout. Für weitere programmierbezogene Kenntnisse: Bitte besuchen Sie:

Programmiervideo ! !

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen Uniapp und HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage