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.
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 kannCover-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!