Heim Web-Frontend H5-Tutorial Die Leistung von HTML5 ist der von nativen Apps nicht unterlegen. Sie können Bausteine ​​verwenden, um HTML5-Produkte zu erstellen.

Die Leistung von HTML5 ist der von nativen Apps nicht unterlegen. Sie können Bausteine ​​verwenden, um HTML5-Produkte zu erstellen.

Nov 23, 2016 am 11:35 AM
html5

Vielleicht haben Sie herausgefunden, dass eine unterhaltsame und interessante HTML5-Seite bei den Benutzern von WeChat Moments weitaus mehr Aufmerksamkeit erhält als diese gewöhnlichen unabhängigen Anwendungen. Sollte Ihr Produkt auch über eine HTML5-Seite verfügen, da es immer mehr mobile Anwendungen gibt und die Werbung immer schwieriger wird?

Die Leistung von HTML5 ist der von nativen Apps nicht unterlegen. Sie können Bausteine ​​verwenden, um HTML5-Produkte zu erstellen.

Wenn die Antwort „Ja“ lautet, können Sie vielleicht Amaze UI ausprobieren, ein Open-Source-HTML5-Frontend-Framework. und verwenden Sie es. Mit den bereitgestellten Webkomponenten, JS-Plug-Ins und Cascading Style Sheets (CSS) können Sie schnell ein HTML5-Produkt erstellen.

Den Benutzern, die häufig über mobile Geräte auf Webseiten zugreifen, ist vielleicht aufgefallen, dass eine Webseite grundsätzlich in Menü, Titelleiste, Bildergalerie, Inhaltsliste und Trennlinie unterteilt werden kann. In der Amaze-Benutzeroberfläche stellt der Beamte eine Vielzahl von Webkomponenten bereit, und Sie können sogar HTML5-Produkte wie Bausteine ​​erstellen.

Zusätzlich zu den oben genannten Haupt-Webkomponenten können Entwickler wie Klappfelder, Kopf- und Fußzeilen, Bildkarussells, Registerkarten, Einleitungen und Absätze direkt die verwendete Amaze-Benutzeroberfläche verwenden. Da es sich bei Amaze UI um ein Open-Source-Produkt handelt, tragen einige Drittentwickler ständig spezielle Komponenten dazu bei. Wenn es beispielsweise um den geografischen Standort geht, benötigen Benutzer möglicherweise einen Kartenführer. Anschließend können Sie die Komponente „Baidu-Karte“ unter dem Artikel integrieren. Möglicherweise benötigen Sie ein Kommentarsystem. Anschließend können Sie die Komponente „Mehr sagen“ verwenden Service-Webseiten erfordern möglicherweise einen Kundendienst. In diesem Fall ist die Komponente „Meiqia-Kundendienst“ natürlich hilfreich.

Natürlich sagen einige Entwickler, dass diese Elemente nur Teil einer Website sind. Wenn Sie tatsächlich eine Website erstellen, benötigen Sie möglicherweise auch verschiedene interaktive Effekte und Textplanungsstile. Zu diesem Zeitpunkt wird der Nutzen der JS- und CSS-Komponenten von Amaze UI deutlich.

Durch JS-Komponenten können Entwickler eine Reihe von UI-Verbesserungseffekten erzielen, z. B. Warnfelder, reibungsloses Scrollen, Ladefortschrittsbalken, Popup-Felder, modale Fenster, Dropdown-Komponenten, Schaltflächeninteraktionen usw. Über CSS-Komponenten können Entwickler HTML-Elemente wie Schaltflächen, Formulare und Tabellen direkt integrieren und Seitenkomponenten wie Badges, Breadcrumbs und Schaltflächengruppen verwenden.

Derzeit verfügt Amaze UI über insgesamt fast 20 CSS-Komponenten, 10 JS-Komponenten und 17 Webkomponenten mit fast 60 Themen, verglichen mit einigen ausländischen Web-Front-End-Frameworks, Amaze UI wird die Bedürfnisse chinesischer Nutzer stärker berücksichtigen. In Bezug auf das Schriftartenlayout definiert das Bootstrap-Frontend-Framework beispielsweise keine chinesischen Schriftarten, sodass der Anzeigeeffekt Ihrer Webseite unter verschiedenen Systemen und Browsern unterschiedlich sein kann. In der Amaze-Benutzeroberfläche sind jedoch chinesische Schriftarten definiert und ausgerichtet. Browser mit einem relativ hohen inländischen Marktanteil wurden optimiert, sodass diese Situation vermieden werden kann.

Unternehmen, die versuchen, HTML5-Produkte herzustellen, stehen möglicherweise immer noch im Schatten von Facebook, LinkedIn und anderen großen Unternehmen, die von HTML5-Apps zu nativen Apps „übergehen“, denn auch heute noch sind einige Leute dabei Wenn wir über HTML5 sprechen, geben wir auch das obige Beispiel. Allerdings sagte Shinji Ikari, ein Ingenieur, der einst im Chrome-Team arbeitete, gegenüber PingWest, dass der Grund, warum Facebook HTML5-Apps überhaupt so langsam gemacht habe, eher bei Facebook selbst liege und nicht darin, dass HTML5 nicht gut sei. Denn technisch gesehen besteht der Nachteil von HTML5 nicht darin, dass es langsam ist, sondern darin, dass es nicht skalierbar ist. Damals nutzte die HTML-App von Facebook noch XML, man kann also sagen, dass ihre Technologie ziemlich rückständig war.

Um zu beweisen, dass die Leistung von HTML5-Apps der von nativen Anwendungen nicht nachsteht, haben zwei Ingenieure von Google speziell eine Fastbook-HTML5-App entwickelt, um zu zeigen, dass der „Abfall“ von Facebook nicht auf HTML5 zurückzuführen ist. Laut Shinji Ikari könnte die Leistung von HTML5-Apps mit der von nativen Apps vor zwei Jahren gleichziehen, geschweige denn jetzt!

Dann fragen Sie sich vielleicht: Warum gibt es so wenige qualitativ hochwertige HTML5-Apps, die wir normalerweise sehen, da die Leistung von HTML5 der von nativen Apps nicht nachsteht? Diesbezüglich ist Chen Benfeng der Ansicht, dass dies eher auf die mangelnde technische Anhäufung von Entwicklern in diesem Bereich zurückzuführen ist.

Shinji Ikari sagte auch, dass das Schreiben einer nativen App fast unvermeidlich ist. Wenn Sie ein 3D-Spiel ohne DOM (Document Object Model) schreiben, gibt es überhaupt keinen Grund, HTML zu verwenden. Die Verwendung von JavaScript wird Ihre Arbeit nicht nur nicht einfacher machen, sondern auch den Fortschritt Ihres Projekts verschlechtern. Allerdings sind mobile Anwendungen wie Facebook nur eine Liste, und es gibt nichts, was über den Rahmen von HTML5 hinausgeht. Sie sollten mit der Verwendung von HTML5 vertraut sein, daher haben große Unternehmen oft keinen großen Referenzwert für die Technologieauswahl.

Okay, nachdem Sie erklärt haben, dass HTML5 nicht so schwach ist, wie die Leute denken, haben Sie möglicherweise das Gefühl, dass diese Komponenten in Amaze UI nicht ausreichen, um das gewünschte Produkt zu erstellen. Dies ist einer der Gründe, warum Amaze UI sich für Open Source entscheidet . Erstens: Lassen Sie die Community mehr Inhalte dazu beitragen. Wenn Sie jetzt planen, HTML5-Produkte zu erstellen, sollten Sie nicht zulassen, dass Ihnen Fälle wie Facebook und LinkedIn im Weg stehen, auch wenn Sie sich nicht für das Amaze UI-Framework entscheiden.


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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles