Heim > Web-Frontend > H5-Tutorial > Mit welchem ​​Framework können H5-Apps entwickelt werden?

Mit welchem ​​Framework können H5-Apps entwickelt werden?

清浅
Freigeben: 2020-09-15 13:15:07
Original
14107 Leute haben es durchsucht

Die H5-Entwicklungs-App kann das mobile Jquery-Framework, das Bootstrap-Framework, das ionische Framework, das Mobile Angular UI-Framework, das Sencha Touch-Framework usw. verwenden.

Mit welchem ​​Framework können H5-Apps entwickelt werden?

[Empfohlenes Tutorial: HTML5-Tutorial]

1. jQuery Mobile Framework

jQuery Mobile ist die Version von jQuery auf Mobiltelefonen und Tablet-Geräten. jQuery Mobile wird nicht nur die jQuery-Kernbibliothek auf Mainstream-Mobilplattformen bringen, sondern auch ein vollständiges und einheitliches jQuery-Mobile-UI-Framework veröffentlichen. Unterstützt globale Mainstream-Mobilplattformen.

Mit welchem ​​Framework können H5-Apps entwickelt werden?

2. Bootstrap-Framework

Bootstrap basiert auf HTML, CSS und JAVASCRIPT und macht das Web einfach und flexibel Entwicklung schneller. Es wurde von den Twitter-Designern Mark Otto und Jacob Thornton entwickelt und ist ein CSS/HTML-Framework. Bootstrap stellt elegante HTML- und CSS-Spezifikationen bereit, die in der dynamischen CSS-Sprache Less geschrieben sind. Bootstrap erfreut sich seit seiner Einführung großer Beliebtheit und ist ein beliebtes Open-Source-Projekt auf GitHub, darunter MSNBC (Microsoft National Broadcasting Company) Breaking News der NASA. Einige Frameworks, die inländischen Mobilentwicklern bekannt sind, wie das Front-End-Open-Source-Framework WeX5, sind ebenfalls leistungsoptimiert und basieren auf dem Bootstrap-Quellcode.

Mit welchem ​​Framework können H5-Apps entwickelt werden?

3. ionisches Framework

Ionic ist ein leistungsstarkes HTML5-Anwendungsentwicklungsframework, das Ihnen bei der Verwendung von Webtechnologien wie HTML helfen kann , CSS und Javascript, um mobile Apps mit einem nahezu nativen Erlebnis zu erstellen. Ionic konzentriert sich auf Aussehen und Erlebnis sowie auf die UI-Interaktion mit Ihrer Anwendung und eignet sich besonders für die Entwicklung mobiler HTML5-Anwendungen basierend auf dem Hybird-Muster.

Mit welchem ​​Framework können H5-Apps entwickelt werden?

4. Mobile Angular UI-Framework

Mobile Angular UI ist eine Antwort, die Bootstrap 3 und AngularJS verwendet HTML5-Framework für die mobile Entwicklung.

Schlüsselwörter für Mobile Angular UI sind:

1. Bootstrap 3

2. Bootstrap 3 Mobile-Komponenten, wie Schalter, Overlays und Seitenleisten , diese sind im Bootstrap nicht verfügbar. AngularJS-Module wie Angular-Route, Angular-Touch und Angular-Animate

Responsive Medienabfragen behandeln Bootstrap als separate Datei, sodass Sie nur das einfügen müssen, was Sie benötigen. Mobile Angular UIu enthält keine jQuery-Abhängigkeiten. Sie müssen lediglich mithilfe einiger AngularJS-Anweisungen eine benutzerfreundliche Benutzererfahrung schaffen.

Mit welchem ​​Framework können H5-Apps entwickelt werden?

5. Sencha Touch Framework

Das Sencha Touch Framework ist das weltweit erste HTML5-basierte Mobile App Framework. Sencha Touch kann Ihre Web-App wie eine native App aussehen lassen. Schöne Benutzeroberflächenkomponenten und eine umfassende Datenverwaltung basieren alle auf den neuesten HTML5- und CSS3-WEB-Standards und sind vollständig kompatibel mit Android- und Apple iOS-Geräten. Bietet eine Fülle von WEB-UI-Komponenten zur schnellen Entwicklung von Anwendungen, die auf mobilen Endgeräten ausgeführt werden.

Mit welchem ​​Framework können H5-Apps entwickelt werden?

6. Kendo UI Framework

Jeder Aspekt von Kendo UI ist von Grund auf darauf ausgelegt, leistungsstarke JavaScript-Anwendungen zu liefern . Kendo UI ist kein weiterer Klon der jQuery-Benutzeroberfläche, jede Entscheidung wird mit dem Ziel getroffen, die Leistung zu optimieren. Von einer leichten integrierten Vorlagenbibliothek, die deutlich schneller ausgeführt wird als jQurey-Vorlagen, bis hin zu optimierten Animationen, die die CSS3-Hardwarebeschleunigung (sofern möglich) nutzen, und einer fortschrittlichen virtualisierten Benutzeroberfläche scheut Kendo UI keine Mühen, um eine leistungsstarke Client-Benutzeroberfläche bereitzustellen.

Mit welchem ​​Framework können H5-Apps entwickelt werden?

7. PhoneGap-Framework

Wenn es um plattformübergreifende Entwicklungstools geht, denken viele zuerst an PhoneGap. Ein solches kostenloses Open-Source-Framework, das es Entwicklern ermöglicht, HTML, JS und CSS zur Entwicklung plattformübergreifender mobiler Apps zu verwenden, wurde schon immer von Entwicklern geliebt, von iOS, Android, BB10, Windows Phone bis hin zu Amazon Fire OS, Tizen usw. Alle Es stehen die wichtigsten Mainstream-Mobilplattformen zur Verfügung, und es ermöglicht Entwicklern auch die vollständige Nutzung der Kernfunktionen von Mobiltelefonen wie Standort, Beschleuniger, Kontakte und Sprache.

Viele gängige mobile Entwicklungs-Frameworks in der Branche sind von PhoneGap abgeleitet. Zu den bekannteren gehören Worklight, appMobi, WeX5 usw. Unter anderem wird WeX5 in China hergestellt und ist vollständig Apache-Open-Source. Basierend auf der Integration von Phonegap wurde es stark optimiert und weist eine Leistung auf, die der von nativen Apps nahekommt, und ist gleichzeitig bequemer zu entwickeln.

Mit welchem ​​Framework können H5-Apps entwickelt werden?Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, er wird für alle hilfreich sein.

Das obige ist der detaillierte Inhalt vonMit welchem ​​Framework können H5-Apps entwickelt werden?. 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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage