Heim > Web-Frontend > H5-Tutorial > Hauptteil

Was sind die mobilen HTML5-Frameworks?

青灯夜游
Freigeben: 2023-01-06 11:12:15
Original
5449 Leute haben es durchsucht

html5 mobiles Framework: Framework7, SUI Mobile, FrozenUI, Amaze UI, MUI, WeUI, VUX, WEEX, antd-mobile, vue-carbon, uiKit, H-ui,layui, vonic usw.

Was sind die mobilen HTML5-Frameworks?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

Liste der mobilen Web-UI-Bibliothek (H5-Framework)

Framework7

Framework7 ist ein kostenloses Open-Source-Framework. Es kann zur Entwicklung hybrider mobiler Anwendungen (gemischt nativ und HTML) oder zur Entwicklung von WEB-APPs im iOS- und Android-Stil verwendet werden. Es kann auch als Prototyp-Entwicklungstool verwendet werden, um schnell einen Anwendungsprototyp zu erstellen.

Um es zu verwenden, benötigen Sie lediglich ein einfaches HTML-Layout und importieren die CSS- und JS-Dateien von Framework7! Framework7 zwingt Sie nicht dazu, benutzerdefinierte Tags zu schreiben, und generiert auch keine zusätzlichen Inhalte über JS. Sie müssen die Seite nicht über JS oder JSON schreiben, sondern nur über einfaches HTML.

Framework7 verfügt über eine große Anzahl von UI-Komponenten und Tools, die direkt verwendet werden können, wie z. B. Modalitäten, Popup, Aktionsblatt, Popover, Listenansichten, Medienlisten, Registerkarten, Seitenbereiche, Layoutraster, Preloader, Formularelemente usw. Für die meisten Komponenten müssen Sie überhaupt keinen JS-Code schreiben.

SUI Mobile

MSUI ist die Arbeit des UED-Teams der Alibaba Sharing Business Division. Der Zweck besteht darin, eine häufig verwendete Komponentenbibliothek für mobile H5-Seiten bereitzustellen, um Doppelarbeit zu reduzieren.

SUI Mobile ist eine Reihe von UI-Bibliotheken, die auf Basis von Framework7 entwickelt wurden. Es ist sehr leicht und schön. Sie müssen nur unsere CDN-Datei einführen, um es zu verwenden. Es ist mit iOS 6.0+ und Android 4.0+ kompatibel und eignet sich daher sehr gut für die Entwicklung plattformübergreifender Web-Apps.

FrozenUI

Frozen UI ist ein Open-Source-, benutzerfreundliches, leichtes und schnelles mobiles UI-Framework. Basierend auf den Spezifikationen des Mobile QQ-Stils werden die am häufigsten verwendeten Komponenten ausgewählt und in ein öffentliches Offline-Paket für Mobile QQ umgewandelt. Die Upgrade-Methode ist benutzerfreundlich und die Dokumentation ist vollständig im Wert von Tencent Mobile QQ -Zusatzleistungen.

Amaze UI

Chinas erstes Open-Source-HTML5-Frontend-Framework konzentriert sich auf den chinesischen Schriftsatz und passt Schriftarten entsprechend den Benutzeragenten an, um bessere chinesische Schriftsatzeffekte zu erzielen Mainstream-Browser und Apps. Integrierte Browserkompatibilitätsunterstützung.

Amaze UI basiert auf dem Konzept „Mobile First“, das schrittweise von kleinen Bildschirmen zu großen Bildschirmen erweitert wird und schließlich die Anpassung an alle Bildschirme verwirklicht, um sich an den Trend des mobilen Internets anzupassen.

MUI

Das leistungsstarke Front-End-Framework, das dem nativen APP-Erlebnis am nächsten kommt.

WeUI

WeUI ist eine Reihe grundlegender Stilbibliotheken, die mit dem nativen visuellen Erlebnis von WeChat übereinstimmen. Es wurde vom offiziellen WeChat-Designteam für WeChat-Webseiten und WeChat-Miniprogramme maßgeschneidert, um die Benutzerwahrnehmung zu verbessern vereinheitlicht.

VUX

Vux (ausgesprochen [v’ju:z], dasselbe wie „views“) ist eine mobile UI-Komponentenbibliothek, die auf Basis von WeUI und Vue (2.x) entwickelt wurde und hauptsächlich WeChat-Seiten bedient.

Basierend auf Webpack + Vue-Loader + Vux können Sie schnell mobile Seiten entwickeln. Mit Vux-Loader können Sie die benötigten Stile basierend auf WeUI anpassen.

Vux-Loader stellt sicher, dass Komponenten bei Bedarf verwendet werden, sodass Sie sich keine Sorgen darüber machen müssen, irgendwann den gesamten Code der VUX-Komponentenbibliothek zu packen.

WEEX

Weex ist eine einfache und benutzerfreundliche plattformübergreifende Entwicklungslösung, die leistungsstarke und skalierbare native Anwendungen mit Webentwicklungserfahrung erstellen kann. Um dies zu erreichen, arbeitet Weex mit Vue zusammen Vue ist das übergeordnete Framework und implementiert eine einheitliche JSEngine und DOM-API in Übereinstimmung mit den W3C-Standards. Auf diese Weise können Sie sogar andere Frameworks verwenden, um Weex zu steuern und native Anwendungen zu erstellen, die an drei Enden konsistent sind.

Ant Design Mobile

antd-mobile ist eine React-Implementierung der Mobilspezifikation von Ant Design und bedient Mobilfunkunternehmen von Ant und Koubei.

vue-carbon

Entwickelt eine mobile WEB-UI-Bibliothek im Materialdesign-Stil basierend auf VueJS 1.0, Designressourcen beziehen sich auf CARBON FrameWork7.

uiKit

uiKit ist ein leichtes, modulares Front-End-Framework, mit dem schnell eine leistungsstarke Web-Front-End-Schnittstelle erstellt werden kann.

H-ui

H-ui ist ein leichtes Front-End-Framework, einfach und kostenlos, mit guter Kompatibilität und geeignet für chinesische Websites.

layui

Layui wurde im goldenen Herbst 2016 geboren. Es ist ein inländisches Front-End-UI-Framework mit starken Gefühlen, ohne den Reichtum zu verlieren eine Übertreibung. Alles beruht auf ihrer Beharrlichkeit in der ursprünglichen Ökologie, dem Herausfiltern der lauten Stimmen in der Front-End-Community und ihrer eigenen sorgfältigen Handwerkskunst.

YDUI Touch

YDUI Touch wurde speziell für mobile Endgeräte entwickelt. Es ist hinsichtlich der technischen Implementierung und des Interaktionsdesigns kompatibel und gewährleistet leichten Code und hohe Leistung. Mithilfe der Flex-Technologie kann es flexibel ausgerichtet und verkleinert werden , und erweitern Sie einfach das Layout der mobilen Seite. Implementieren Sie ein leistungsstarkes Bildschirmanpassungslayout, das sich an alle Bildschirme gleichermaßen anpasst. Was? Nicht zufrieden damit? Wechseln Sie ganz einfach px; passen Sie Javascript-Komponenten an, weniger Dateien, weniger Variablen und passen Sie Ihre eigene YDUI an.

sheral

Mobile UI-Bibliothek basierend auf der Sandal-Erweiterung (einfache Sass-Bibliothek). Spezifische Designideen finden Sie bei Sheral – einer UI-Komponentenbibliothek, die sich einfach anpassen und erweitern lässt.

Mint UI

Eine mobile Komponentenbibliothek basierend auf Vue.js

Mint UI enthält umfangreiche CSS- und JS-Komponenten, die den täglichen mobilen Entwicklungsbedarf decken können. Dadurch können Sie schnell eine Seite mit einem einheitlichen Stil erstellen und die Entwicklungseffizienz verbessern. Echtes Laden von Komponenten nach Bedarf. Sie können nur die deklarierten Komponenten und ihre Stildateien laden, ohne befürchten zu müssen, dass die Datei zu groß wird.

Unter Berücksichtigung der Leistungsschwelle des mobilen Endgeräts verwendet Mint UI CSS3, um verschiedene Animationen zu verarbeiten, um unnötiges Neuzeichnen und Neuanordnen des Browsers zu vermeiden, sodass Benutzer ein reibungsloses und reibungsloses Erlebnis erhalten.

Mint UI basiert auf der effizienten Komponentisierungslösung von Vue.js und ist leichtgewichtig. Selbst wenn alle importiert werden, beträgt die komprimierte Dateigröße nur ~30 KB (JS + CSS) gzip.

Muse-UI

Eine UI-Komponentenbibliothek basierend auf Vue 2.0 und Material Design

1. Umfangreiche KomponentenMuse UI implementiert grundsätzlich alle Komponenten der Material Design-Designspezifikationsklasse und entwickelt auch viele funktionale Komponenten

2. Anpassbare

Muse-Benutzeroberfläche verwendet weniger Dateien. Benutzerdefinierte Themen werden durch das Schreiben weniger Dateien vervollständigt. 3. Basierend auf Vue 2.0 Muse UI basiert auf Vue2.0 und ist derzeit eines der schnellsten Frontend-Frameworks. Es ist klein, API-freundlich und kann zur Entwicklung komplexer Einzelseitenanwendungen verwendet werden.

jQuery WeUI

jQuery WeUI ist eine einfache und leistungsstarke UI-Bibliothek, die speziell für die Entwicklung öffentlicher WeChat-Konten entwickelt wurde. Sie enthält alle offiziellen WeUI-CSS-Komponenten und bietet außerdem eine große Anzahl an Erweiterungskomponenten, die drastisch reduziert werden können Front-End-Entwicklungszeit.

Das größte Merkmal von jQuery WeUI ist, dass es nur UI-Komponenten bereitstellt und keine Einschränkungen für die im Projekt verwendeten Frameworks und anderen Bibliotheken vorsieht. Es kann in fast jeder Umgebung verwendet werden. Unabhängig davon, ob Ihr Projekt auf jQuery, React, Angular oder Vue basiert, Sie werden feststellen, dass jQuery WeUI sehr bequem in Kombination damit verwendet werden kann. Selbst wenn es sich bei Ihrem Projekt um ein altes Projekt mit einer langen Geschichte handelt, kann es fast sofort verwendet werden.

Ausländische offizielle Website: http://jqweui.com/

QMUI Web

QMUI Web ist ein Framework, das sich auf die Web-UI-Entwicklung konzentriert und Entwicklern hilft, schnell einen bestimmten Satz von Designs zu implementieren.

Das Framework besteht hauptsächlich aus einer leistungsstarken Sammlung von Sass-Methoden und integrierten Workflows. Mit QMUI Web können Entwickler die Effizienz der Web-UI-Entwicklung auf einfache Weise verbessern und gleichzeitig eine hohe Wartbarkeit und Robustheit des Projekts aufrechterhalten.

Das Framework synchronisiert mobile UI-Frameworks für Android- und IOS-Stile.

Empfohlenes Tutorial: „HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas sind die mobilen HTML5-Frameworks?. 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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!