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

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?

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.