Der Inhalt dieses Artikels befasst sich mit HTML5-Anwendungen: Offline-Anwendungen und Speicheranwendungen. Freunde in Not können darauf verweisen.
1. Offline-Anwendung
Offline-Anwendung ist eine neue Funktion in HTML 5, die Benutzern die Verwendung von Webanwendungen ohne Netzwerkprogramm erleichtern soll.
HTML 5-Offline-Funktionen, einschließlich [Offline-Ressourcen-Cache], [Online-Statusüberwachung] und [Lokale Datenspeicherung].
Offline-Ressourcen-Caching – Online-Ressourcen lokal über den Browser-Mechanismus zwischenspeichern. Wenn Benutzer offline auf die Anwendung zugreifen, werden diese Ressourcendateien automatisch von lokal geladen, sodass Benutzer Apps verwenden können.
Online-Statusüberwachung – Einige Anwendungen müssen für einige Daten mit dem Server interagieren. Anwendungsentwickler müssen wissen, ob der Browser online ist. (window.online = function(){})
Lokale Datenspeicherung – Wenn die Anwendung offline ist, muss das Programm die vom Benutzer generierten Daten lokal speichern, damit sie gespeichert werden können Online gespeichert. Mit dem Server synchronisieren. Zu diesem Zweck stellt HTML 5 verschiedene lokale Speichermechanismen zur Verfügung.
Im Vergleich zu gewöhnlichen Webanwendungen verfügen Offline-Webanwendungen über eine zusätzliche Beschreibungsdatei, um Ressourcen aufzulisten, die [zwischengespeichert werden müssen] und [nie zwischengespeichert werden]. Die Dateierweiterung ist [.appcache] und der MIME-Typ der Beschreibungsdatei ist „text/cache-manifest“.
Der Code der offline.appcache-Datei lautet wie folgt
CACHE MANIFEST #cache 之后的资源都会被缓存 CACHE: main.html style.css main.js #network 之后的资源不会被缓存，总是从线上获取 NETWORK: account/
Wenn Sie die Anwendung offline schalten möchten, verknüpfen Sie einfach die .html-Datei mit dem Manifest Beschreibungsdatei
<html manifest="./offline.appcache"></html>
2.LocalStorage (lokaler Speicher) und SessionStorage (Sitzungsspeicher)
Nachteile von Cookies
Begrenzte Größe – Unter Standardbrowsern beträgt die Größe eines einzelnen Cookies 4 KB.
Leistungsverbrauch – alle http-Anfragen unter der aktuellen Domain enthalten diese Cookie-Daten.
Der lokale Speicherplatz von HTML5 wird jeder Website zugewiesen [5 MB]
Der Unterschied zwischen LocalStorage und SessionStorage
Ersteres wird lokal gespeichert, bis es manuell gelöscht wird; letzteres überlebt den Lebenszyklus der aktuellen Seite. Sobald die Seite geschlossen wird, verschwinden auch die gespeicherten Daten.
Was ist der Unterschied zwischen Link-Tag-Link-CSS und @import-Laden?
Html5-Canvas-Code zum Zeichnen von Bögen
Html5-Postmessage-Code zur Implementierung der Wertübertragung von untergeordneten zu übergeordneten Fenstern
Das obige ist der detaillierte Inhalt vonHTML5-Anwendungen: Offline-Anwendungen und gespeicherte Anwendungen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
