Die HTML5 -Webspeicher -API kann als eine verbesserte Version von Cookies angesehen werden, die nicht durch die Datengröße begrenzt ist, eine bessere Flexibilität und Architektur hat und Daten in das ROM der Maschine schreiben kann. Es kann auch Daten wiederherstellen, wenn der Browser geschlossen ist und erneut geöffnet wird, um den Netzwerkverkehr zu reduzieren.
Die Entstehung der mobilen HTML5 -Entwicklung hat den Wettbewerb mobiler Plattformen von Systemplattformen auf Browser verlagert: mobiler IE, Chrome, Firefox, Safari oder neue Browser. Wer auf der mobilen Seite eine bessere Unterstützung für HTML5 erzielen kann, kann im zukünftigen Bereich Mobile Anwendungen mehr Märkte belegen.
Flexiblere und bequemere App -Nutzungs- und Installationsmethoden werden zu einer der Garantien für HT] l5, um auf mobilen Plattformen zu glänzen.
Hier sind einige wichtige Funktionen, die HTML5 für die Entwicklung der mobilen Anwendungen geeignet ist:1. Offline Caching bildet die Grundlage für die HTML5 -Entwicklung mobiler Anwendungen
Die HTML5 -Webspeicher -API kann als eine verbesserte Version von Cookies angesehen werden, die nicht durch die Datengröße begrenzt ist, eine bessere Flexibilität und Architektur aufweist und Daten in das ROM der Maschine schreiben kann und auch Daten wiederherstellen kann, wenn der Browser geschlossen und erneut geöffnet wird, um den Netzwerkverkehr zu reduzieren.
Gleichzeitig kann diese Funktion als Hintergrundbetriebsaufzeichnung in eine andere Richtung angesehen werden, ohne Hintergrundressourcen zu besetzen, den Druck auf die Hardware des Geräts zu verringern und die Glätte des Betriebs zu erhöhen.
Online -Apps unterstützen das Herunterladen von Offline -Caches während der Verwendung oder nicht zum Herunterladen von Offline -Caches. Offline -Apps müssen nach Offline -Caches heruntergeladen werden, bevor sie verwendet werden können.
Um es lebhaft auszudrücken, speichern Kekse Telefone und Menüs. Sie müssen zum Essen zum Mitnehmen bestellen. Wie lange es dauert, um zu warten, hängt von der Verkehrsbedingung ab; Offline -Cache bedeutet, dass Sie Lebensmittel direkt im Kühlschrank aufbewahren, und Sie können es sofort essen, wenn Sie das neueste Essen essen möchten (natürlich können Sie auch anrufen, um eine Reservierung zu buchen, wenn Sie das neueste Essen essen möchten).
Designer sollten wissen, wann Benutzer Offline -Cache herunterladen können (beachten Sie den Unterschied zwischen Online- und Offline -Apps).
2. frei eingebettetes Audio und Video, flexibleres Multimedia -Format
Die native Entwicklungsmethode ist relativ problematisch für die Verarbeitung von Multimedia -Inhalten, die Text, Audio und Video mischen. Es müssen Text, Bilder, Audio und Video geteilt, die entsprechenden URLs analysieren und auf unterschiedliche Weise verarbeitet.
HTML5 ist in dieser Hinsicht völlig uneingeschränkt und kann vollständig zusammen behandelt werden.
Designer sollten wissen, dass es eine wunderbare Sache wäre, wenn Text und Multimedia in der Informationspräsentation von Nachrichten, Weibo und sozialen Anwendungen gemischt würden, ohne WebViews speziell einbetten zu müssen, zumindest ist es immer noch schwierig, die native Methode jetzt zu implementieren.
3.. Geografische Positionierung, teilen Sie jederzeit und überall den Standort
Geben Sie den Vorteilen von mobilen Geräten bei der Positionierung und Förderung der Entwicklung von LBS -Anwendungen das volle Spiel.
Sie können GPS, WLAN, Mobiltelefone und andere Methoden verwenden, um die Positionierung genauer und flexibler zu gestalten.
Die geografische Positionspositionierung macht die Positionierung und Navigation nicht mehr exklusive Navigationssoftware, und Karten müssen keine sehr großen Kartenpakete herunterladen. Sie können durch Cache gelöst werden und können flexibler sein, wo immer sie gehen.
Designer sollten wissen, dass es immer mehr Anwendungen gibt, die LBS -Funktionen einbetten, was im Vergleich zu Desktop -PCs auch einer der größten Vorteile von mobilen Geräten ist. HTML5 kann diesen Vorteil wieder erweitern. Überlegen Sie, wie Sie es in der von Ihnen entworfenen Anwendung verwenden können!
4. Zeichnung von Leinwand zur Verbesserung der Zeichenfunktionen mobiler Plattformen
Verwenden Sie die Canvas -API, um einfach Hotspot -Karten zu zeichnen, um Benutzererfahrungsinformationen zu sammeln
Unterstützt die allgemeine Bearbeitung von Bildern wie Bewegung, Rotation und Zoom
Canvas - 2D -Zeichenfunktionsunterstützung
Canvas 3D - 3D -Zeichnungsfunktion Unterstützung
SVG - Vektorgrafikunterstützung
Designer sollten wissen, dass die Bewegung, Rotation und Skalierung von Bildern allzu einfach sind. Sie sind alle kleine Fälle, wenn sie selbst zeichnen. Denken Sie genau darüber nach!
5. Formular Elemente, die für mobile Plattformen angepasst wurden
Das HTML5 -Formularelement, das im Browser und in der entsprechenden Tastatur angezeigt wird:Tastaturtastatur
Text Normaleingangsinhalt Standardtastatur
Telelefonnummer numerische Tastatur
E -Mail -E -Mail -Adresse Textfeld mit @ und.
URL der URL mit .com und.
Die Suche wird für Suchmaschinen verwendet, z. B. für die Standardtastatur des Suchfelds, das oben auf der Website angezeigt wird
Reichweite Numerische Selektoren innerhalb eines bestimmten Wertebereichs, typische Anzeige ist Slider Slider oder Plattentable
Sie benötigen nur eine einfache Erklärung, um den Anruf auf verschiedene Tastaturen abzuschließen, was einfach und bequem ist.
Designer sollten wissen, dass bei der Verwendung ihre F & E -Kollegen bei der Verwendung von Kollegen mitgeteilt werden!
6. Rich Interactive Mode -Unterstützung
Verbesserung der Interaktionsfähigkeit: Ziehen, historische Operationen, Textauswahl usw. rückgängig machen.
Übergang - Bewegungseffekt von Komponenten
Transformation - Komponentenverformungseffekt
Animation - Bewegung und Verformung zur Animationsunterstützung hinzufügen
Designer sollten wissen, dass HTML5 eine reichhaltige interaktive Methode bietet. Ob es nützlich ist oder nicht, es ist Ihr eigenes Geschäft!
7. Vorteile der Verwendung von HTML5
Niedrigere Entwicklungs- und Wartungskosten;
Machen Sie die Seite kleiner und reduzieren Sie unnötige Ausgaben für Benutzer. und eine bessere Leistung macht den Stromverbrauch niedriger;
Das Upgrade ist zweckmäßig und Sie können es öffnen und die neueste Version verwenden, wodurch das Wiederbelastung des Upgrade-Pakets beseitigt wird. Während der Verwendung aktualisieren Sie direkt den Offline -Cache.
Designer sollten wissen, was Benutzer wollen und was HTML5 den Benutzern bieten kann.
8. CSS3 Visual Designer Auxiliary Tools
CSS3 unterstützt die Schriftart, Layout -Layout und die beeindruckendsten Animationsfunktionen.
Selektor - flexiblerer Selektor
Webfonts - eingebettete Schriftarten
Layout - verschiedene Typografieoptionen
STIPING RADIUS -Gradientenschatten - abgerundete Ecken, Gradienten, Schatten
Grenzhintergrund - Hintergrundunterstützung für Grenzen
Verwenden Sie CSS3, um visuelle Arbeiten zu erledigen, schnell zu laden, Code und Bilder zu speichern und die Bandbreite für Benutzer zu speichern.
Designer sollten wissen, dass die Art von Dutzenden von Materialbildern in einer Schnittstelle zu weit in den Weg ist. Lassen Sie CSS3 Ihnen also helfen, so schnell wie möglich faul zu sein.
9. Echtzeitkommunikation
In der Vergangenheit war aufgrund des HTTP-Protokolls und des Browserdesigns die Echtzeit-Interaktion ziemlich begrenzt und einige Techniken konnten nur zur "Simulation" von Kommunikationseffekten in Echtzeit verwendet werden, aber HTML5 lieferte vollständige Unterstützung für Echtzeit-Kommunikation.
Designer sollten wissen, dass Echtzeit-Kommunikations- und Informationsinhalte in der Anwendung für Echtzeit-Erinnerungen eingebettet sind, und HTML5 kann Ihnen helfen, dies zu erreichen.
10. Archive und Hardwareunterstützung
Ich frage mich, ob Sie festgestellt haben, dass Sie in neuen Webprogrammen wie Google Mail bereits Drag & Drag -Dateien als E -Mail -Anhänge verwenden können? Dies ist die Drag 'N Drop and Datei -API in den HTML5 -Dateifunktionen.
Designer sollten wissen, dass in mobilen Anwendungen eine zunehmende Nachfrage nach Datenübertragung besteht, und die herkömmliche Pfadauswahlmethode ist zu mühsam. Kommen Sie und probieren Sie die HTML5 -Drag & Drop -Upload -Funktion!
11. Semantik
Semantische Netzwerke können es Computern ermöglichen, den Inhalt von Webseiten besser zu verstehen, was bei der Suchmaschinenoptimierung (SEO) oder Empfehlungssysteme von großer Hilfe sein kann.
Designer sollten wissen, dass HTML5 Suchvorgänge schneller und genauer machen kann.
12. Dual-Plattform-Integrations-App-Entwicklungsmethode zur Verbesserung der Arbeitseffizienz
Nach der aktuellen Situation, in der iPhone/Android seinen Marktanteil schnell erhöht, wenn Sie in Zukunft Anwendungen auf erweiterten Smartphones schreiben möchten, verwenden Sie entweder das Objective-C + Cocoatouch-Framework zum Schreiben von iPhone/iPad-Anwendungen oder wählen Sie Java + Android Framework, um Android-Anwendungen zu schreiben. Wenn Sie gleichzeitig zwei Plattformen unterstützen möchten, müssen Sie zwei Codes -Sätze verwalten, was eine kleine Belastung für kleine Dienste darstellt, die gerade erst beginnen.
Verwenden Sie HTML5 und CSS3, um webbasierte Anwendungen zu schreiben. Um das iPhone und Android gleichzeitig zu unterstützen, müssen Sie nur einen einzelnen Code beibehalten (einige müssen nach Clients geändert werden). Wenn in Zukunft andere mobile Geräte Browser haben, die HTML5 unterstützen, verfügt dieselbe WebApp direkt über eine zusätzliche Support -Plattform.
Die Diensteserie von Google verwendet in HTML5 viele Cache-, Speicher- und Datenbankspezifikationen, um den Effekt von Offline -Zugriffsprogrammen zu erzielen. Da die Netzwerkverbindung von mobilen Geräten instabiler ist als Desktop-Anwendungen, und manchmal gibt es kein Netzwerk für Mobilgeräte, diese Technologien ermöglichen es Benutzern, Ihre WebApp auch in einer internetfreien Umgebung weiterhin zu verwenden. Dies zeigt, dass das Hauptdiensteobjekt von HTML5 weiterhin Webanwendungen übertragen wird und keine Bedrohung für die Entwicklung aller Apps darstellt. Dies hilft verschiedene Arten von Anwendungen, verschiedene Entwicklungsmethoden zu verwenden und sie flexibler zu machen.
Der obige Inhalt führt mehrere wichtige Funktionen der mobilen Entwicklung von HTML5 (Must Read) ein. Ich hoffe, es gefällt Ihnen.