Key Takeaways
- HTML5 Lokaler Speicher, ein Teil der Webspeicher-API, ermöglicht die Datenspeicherung im Browser mit einer Kapazität von 2 MB bis 10 MB, abhängig vom Browser, Protokoll, Port und Top-Ebene. Im Gegensatz zu Cookies werden diese Daten nicht an den Server zurückgesandt und bestehen weiterhin über Sitzungen und Geräte -Neustarts hinweg.
- Während lokaler Speicher aufgrund seiner synchronen Natur eine Leistung erhalten kann, kann er auf mobilen Geräten schneller sein als native Cache. Um die Leistung zu optimieren, wird empfohlen, die Lesevorgänge einzuschränken und nach dem Fenster nur auf den lokalen Speicher zuzugreifen. Nicht alle Browser unterstützen das Einstellen von Elementen im lokalen Speicher im privaten oder inkognito -Modus, und in einigen Fällen werden Daten, die im privaten Modus gespeichert sind, nach dem Verlassen gespeichert. Um eine sichere Verwendung des lokalen Speichers zu gewährleisten, ist es ratsam, nicht nur die Unterstützung zu testen, sondern auch die Fähigkeit, Elemente zu erhalten und festzulegen.
In diesem Artikel werden wir diskutieren, wie Sie diese API verwenden, um die Leistung einer Website zu verbessern. Ich gehe davon aus, dass Sie wissen, was lokaler Speicher ist und welche Methoden ausgesetzt sind. Wenn Sie jedoch eine Auffrischung benötigen, empfehle ich, den Artikel einen Überblick über die Webspeicher -API von Colin Ihrig zu lesen.
verfügbarer Speicherplatz
Bevor wir mit der Diskussion über den lokalen Speicher beginnen, möchte ich Ihnen einen Überblick über den verfügbaren Speicherplatz in großen mobilen und Desktop -Browsern geben. Die folgenden Tabellen basieren auf dem Artikel „Mit Quoten an mobilen Browsern“.
Mobile Browser:
Desktop -Browser:
natives Cache vs lokaler Speicher
Bei der Verwendung des lokalen Speichers bleiben Ihre Daten auf dem Client und bestehen über Sitzungen und Geräte -Neustart. Wie ich in der Einführung erwähnt habe, ist die Grenze der lokalen Speicher -API an den spezifischen Browser (wie in den vorherigen Tabellen gezeigt), Protokoll, Port und Top -Level -Domäne gebunden. Im Gegensatz dazu wird der Platz im nativen Cache des Browsers auf Websites geteilt und auf mobilen Geräten viel kleiner. Es wird häufig gespült, manchmal sogar innerhalb des gleichen Besuchs. Mobile Geräte haben ein zusätzliches Problem: Sie sind weniger leistungsstark als Desktop -Geräte, daher ist es ein Muss, eine gute Leistung zu erreichen.
Es wurde viel über die lokale Speicherleistung diskutiert. Zum Beispiel schrieb Christian Heilmann, früher mit Mozilla, „es gibt keine einfache Lösung für die lokale Lagerung“. Lokaler Speicher kann eine Leistung erhalten, wenn sie nicht sorgfältig verwendet werden. Das erste, was Sie berücksichtigen müssen, ist, dass es sich um eine synchrone API handelt, daher blockiert es den Haupt UI -Thread. Lokaler Speicher schreibt und liest Daten aus der Festplatte, die ein viel teurerer Betrieb sein können als das Lesen aus dem Speicher. Um Ihnen Zugriff auf die Daten zu erhalten, muss der lokale Speicher die Daten von der Festplatte lesen, und hier tritt der Leistungsschlag auf. Dieser Leistungstreffer ist kein Hauptproblem bei kleinen Datenmengen, kann jedoch unter Verwendung des vollständigen Speicherlimits spürbar sein.
Als gute Praxis sollten Sie versuchen, so wenige Lesevorgänge wie möglich auszuführen. Da wir mit einer synchronen API zu tun haben, sollten Sie versuchen, Daten aus dem lokalen Speicher erst nach dem Fenster zu lesen.
Die Dinge haben sich verändertAber die Dinge werden besser. In einem von Peter McLachlan von Mobify veröffentlichten Artikel wurde erklärt, dass lokaler Speicher 5x schneller sein kann als native Cache auf mobilen Geräten.

Wer nutzt den lokalen Speicher?
Es gibt einige jüngste Fälle von Websites, die den lokalen Speicher für Cache -Assets verwenden, wie z. Sie können diese Präsentation auf der Velocity Conference 2014 anzeigen, um mehr darüber zu erfahren, wie sie dies tun können.
Außerdem hat das Magazin das Magazin mit dem Caching Web -Schriftarten im lokalen Speicher gestartet. In diesem Artikel über einige kürzlich auf ihrer Website implementierte Leistungsverbesserungen berichten sie, dass sie Web -Schriftarten aufschieben und in lokaler Speicherung unter den Änderungen, die zu den effektivsten Verbesserungen geführt haben, zwischengeführt haben.
eine Notiz zum privaten Browsing
Wie auf Caniuse.com berichtet, unter den tab bekannten Problemen, wenn sie im privaten oder inkognito -Modus ausgeführt werden, unterstützen Safari, iOS Safari und Android -Browser keine Einstellung von Elementen im lokalen Speicher.
Andere Browser wie Chrome und Firefox ermöglichen es Ihnen, Daten im lokalen Speicher im privaten Modus zu speichern. Die Daten werden jedoch gespült, wenn Sie den privaten Modus beenden. Dies ist auf Datenschutzprobleme zurückzuführen, da jemand die anhaltenden Daten verwendet, um die Aktionen des Benutzers im privaten Modus zu erfahren.
Dieses Problem kann das Verhalten Ihrer Anwendung durchbrechen, wenn ein Wert, der unter einer vorherigen Sitzung festgelegt wird, bei einem nachfolgenden Besuch voraussichtlich vorhanden sein soll. Um den lokalen Speicher sicher zu verwenden, ist es nicht nur eine gute Praxis, die Unterstützung zu testen, sondern auch auf die Fähigkeit zu testen, Elemente zu erhalten und festzulegen.
Weitere Informationen zum lokalen Speicherverhalten im privaten Modus und zum Überprüfen lokaler Speicherinhalte in verschiedenen Browsern können den Artikel "Vergessen Sie nicht, den privaten Browsing -Modus beim Testen zu überprüfen" als Referenz verwenden.
Schlussfolgerung
Vielleicht ist es an der Zeit, dass wir den lokalen Speicher und die potenzielle Nutzung wiederholen, insbesondere auf mobilen Geräten, bei denen wir sie verwenden können, um Latenz Engpässe zu vermeiden. Wir können über neue Wege nachdenken, um unsere Assets zu leisten, und sie dann sofort für unsere Benutzer bedienen. Wir haben gesehen, dass es bereits einige erfolgreiche Implementierungen der lokalen Speicherung auf unkonventionelle Weise gibt.
häufig gestellte Fragen (FAQs) zu HTML5 Lokaler Speicher
Was ist das maximale Speicherlimit für den lokalen HTML5 -Speicher? Die meisten modernen Browser bieten jedoch rund 5 MB Speicher pro Domäne an. Dies ist signifikant größer als die 4KB (ungefähr 4096 Bytes), die von Cookies angeboten werden. Es ist wichtig zu beachten, dass dieser Speicher pro Domäne und nicht pro individuelles lokales Speicherobjekt ist. Im Gegensatz zu HTTP -Cookies werden Daten, die im lokalen Speicher gespeichert sind, mit jeder HTTP -Anforderung nicht an den Server zurückgesendet. Dies bedeutet, dass es weniger anfällig für bestimmte Arten von Angriffen ist, wie z. B. Cross-Site-Skripten (XSS). Es ist jedoch immer noch anfällig für andere Arten von Angriffen, wie z. B. Cross-Site-Skripten (XSS) und CSRF (Cross-Site-Anfrage). Daher wird empfohlen, keine sensiblen Informationen wie Passwörter oder Kreditkartennummern im lokalen Speicher zu speichern.
Wie kann ich überprüfen, ob ein Browser den HTML5 -Lokalspeicher unterstützt? Hier ist ein einfacher Code -Snippet, der nach lokaler Speicherunterstützung überprüft:
if ('localStorage' im Fenster && Fenster ['localStorage']! == null) {
// Lokaler Speicher wird unterstützt
} else {
// Lokaler Speicher wird nicht unterstützt
}
Wie kann ich Daten aus dem html5 lokalen Speicher löschen?
Sie können Daten mithilfe der Clear () -Methode aus dem HTML5 -Lokalspeicher löschen. Diese Methode entfernt alle Schlüsselwertpaare aus dem lokalen Speicher für die aktuelle Domäne. Hier ist ein einfacher Code -Snippet:
localStorage.clear ();
Kann ich Objekte oder Arrays in HTML5 -Lokalspeicher speichern? HTML5 Lokaler Speicher. Der lokale Speicher unterstützt jedoch nur die String-Schlüsselwertpaare. Daher müssen Sie Ihr Objekt oder Array mit JSON.Stringify () in eine Zeichenfolge umwandeln, bevor Sie es speichern, und es mit JSON.Parse () zurück in ein Objekt oder ein Array umwandeln Der Unterschied zwischen lokalem Speicher und Sitzungspeicher? Die Daten im lokalen Speicher bleiben auch dann bestehen, wenn der Browser geschlossen und wieder geöffnet wird, während Daten im Sitzungsspeicher gelöscht werden, wenn die Seitensitzung endet, d. H. Wenn der Browser geschlossen ist. Speicher? Methode.
Kann lokaler Speicher zwischen Subdomänen geteilt werden? Jede Subdomain hat einen eigenen separaten lokalen Speicher.
Können lokale Speicherdaten zwischen verschiedenen Browsern übertragen werden? Jeder Browser hat seinen eigenen separaten lokalen Speicher. Sie können diese Ausnahme bewältigen, indem Sie sie in einem Try-Catch-Block fangen und entsprechende Maßnahmen ergreifen, z. B. Speicherplatz oder Benachrichtigung des Benutzers.
Das obige ist der detaillierte Inhalt vonHTML5 Local Storage Revisited. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Die Unterschiede in der Leistung und der Effizienz zwischen Python und JavaScript spiegeln sich hauptsächlich in: 1 wider: 1) Als interpretierter Sprache läuft Python langsam, weist jedoch eine hohe Entwicklungseffizienz auf und ist für eine schnelle Prototypentwicklung geeignet. 2) JavaScript ist auf einen einzelnen Thread im Browser beschränkt, aber Multi-Threading- und Asynchronen-E/A können verwendet werden, um die Leistung in Node.js zu verbessern, und beide haben Vorteile in tatsächlichen Projekten.

JavaScript stammt aus dem Jahr 1995 und wurde von Brandon Ike erstellt und realisierte die Sprache in C. 1.C-Sprache bietet Programmierfunktionen auf hoher Leistung und Systemebene für JavaScript. 2. Die Speicherverwaltung und die Leistungsoptimierung von JavaScript basieren auf C -Sprache. 3. Die plattformübergreifende Funktion der C-Sprache hilft JavaScript, auf verschiedenen Betriebssystemen effizient zu laufen.

JavaScript wird in Browsern und Node.js -Umgebungen ausgeführt und stützt sich auf die JavaScript -Engine, um Code zu analysieren und auszuführen. 1) abstrakter Syntaxbaum (AST) in der Parsenstufe erzeugen; 2) AST in die Kompilierungsphase in Bytecode oder Maschinencode umwandeln; 3) Führen Sie den kompilierten Code in der Ausführungsstufe aus.

Zu den zukünftigen Trends von Python und JavaScript gehören: 1. Python wird seine Position in den Bereichen wissenschaftlicher Computer und KI konsolidieren. JavaScript wird die Entwicklung der Web-Technologie fördern. Beide werden die Anwendungsszenarien in ihren jeweiligen Bereichen weiter erweitern und mehr Durchbrüche in der Leistung erzielen.

Sowohl Python als auch JavaScripts Entscheidungen in Entwicklungsumgebungen sind wichtig. 1) Die Entwicklungsumgebung von Python umfasst Pycharm, Jupyternotebook und Anaconda, die für Datenwissenschaft und schnelles Prototyping geeignet sind. 2) Die Entwicklungsumgebung von JavaScript umfasst Node.JS, VSCODE und WebPack, die für die Entwicklung von Front-End- und Back-End-Entwicklung geeignet sind. Durch die Auswahl der richtigen Tools nach den Projektbedürfnissen kann die Entwicklung der Entwicklung und die Erfolgsquote der Projekte verbessert werden.

Ja, der Motorkern von JavaScript ist in C. 1) Die C -Sprache bietet eine effiziente Leistung und die zugrunde liegende Steuerung, die für die Entwicklung der JavaScript -Engine geeignet ist. 2) Die V8-Engine als Beispiel wird sein Kern in C geschrieben, wobei die Effizienz und objektorientierte Eigenschaften von C kombiniert werden.

JavaScript ist das Herzstück moderner Websites, da es die Interaktivität und Dynamik von Webseiten verbessert. 1) Es ermöglicht die Änderung von Inhalten, ohne die Seite zu aktualisieren, 2) Webseiten durch DOMAPI zu manipulieren, 3) Komplexe interaktive Effekte wie Animation und Drag & Drop, 4) die Leistung und Best Practices optimieren, um die Benutzererfahrung zu verbessern.

C und JavaScript erreichen die Interoperabilität durch WebAssembly. 1) C -Code wird in das WebAssembly -Modul zusammengestellt und in die JavaScript -Umgebung eingeführt, um die Rechenleistung zu verbessern. 2) In der Spieleentwicklung kümmert sich C über Physik -Engines und Grafikwiedergabe, und JavaScript ist für die Spiellogik und die Benutzeroberfläche verantwortlich.


Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

Heiße Werkzeuge

SAP NetWeaver Server-Adapter für Eclipse
Integrieren Sie Eclipse mit dem SAP NetWeaver-Anwendungsserver.

Herunterladen der Mac-Version des Atom-Editors
Der beliebteste Open-Source-Editor

SecLists
SecLists ist der ultimative Begleiter für Sicherheitstester. Dabei handelt es sich um eine Sammlung verschiedener Arten von Listen, die häufig bei Sicherheitsbewertungen verwendet werden, an einem Ort. SecLists trägt dazu bei, Sicherheitstests effizienter und produktiver zu gestalten, indem es bequem alle Listen bereitstellt, die ein Sicherheitstester benötigen könnte. Zu den Listentypen gehören Benutzernamen, Passwörter, URLs, Fuzzing-Payloads, Muster für vertrauliche Daten, Web-Shells und mehr. Der Tester kann dieses Repository einfach auf einen neuen Testcomputer übertragen und hat dann Zugriff auf alle Arten von Listen, die er benötigt.

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

EditPlus chinesische Crack-Version
Geringe Größe, Syntaxhervorhebung, unterstützt keine Code-Eingabeaufforderungsfunktion
