Home

Extend

Hashnode Pro
Hashnode for Agents

Resources

The foreword
Hashnode gql skill

Buildful - AI coding agent that delivers frontier-level results at a fraction of the cost Bug0 - The AI-native e2e QA regression testing Hackathons Changelog Brand @hashnode on X Hashnode on LinkedIn Support - hello+support@hashnode.com Code of Conduct Terms Privacy Sitemap

Search Hashnode

Search posts, tags, users, and pages

Discussion on "Client-Side Storage in JavaScript" | Hashnode

Feed/

Discussion

Victoria Lo

A nerd in books, tea, games and software.

Jul 12, 2020

Client-Side Storage in JavaScript

Hello and welcome to the 2nd article of the #2Articles1Week challenge series! I'm very excited to partake in this challenge. If you haven't heard about the #2Articles1Week challenge, learn more about it here. Firstly, thank you to everyone who read ...

blog.lo-victoria.com5 min read

#javascript #storage #web-development #tutorial #2articles1week

Responses4

Markdown supported · ⌘↵ to post

Osinachi Chukwujama

Web developer + Technical Writer

Jul 14, 2020

Thank you for this post, Victoria

You said something about localStorage being accessible anywhere on the browser.

Can you give more insights on this?

Sure! I can illustrate this using the Inspector Window. If you are unsure of what it is: visit here.

For localStorage, you can access and view it on the Inspector Window. It will be there, 1 localStorage shared across all your tabs. Data persists even after the browser closes and opens again.

For sessionStorage, you can view it on the Inspector too however, you will notice each page will have its own sessionStorage and its data would disappear if the page/browser is closed.

Victoria Lo

A nerd in books, tea, games and software.

Jul 14, 2020

Osinachi Chukwujama

Web developer + Technical Writer

Jul 14, 2020

Victoria Lo I think I get it now.

You mean for the same web address, the localstorage is shared across multiple tabs

I previously thought you meant the data in localstorage from one web address can be accessed by another

Victoria Lo

A nerd in books, tea, games and software.

Jul 14, 2020

Osinachi Chukwujama Yes it's per domain and port (like same origin policy).

Bolaji Ayodeji

Software Engineer, Teacher, and Developer Advocate.

Jul 13, 2020

This was worth my time, gave it a share also. Thank you for sharing :)

Ben

Full Snack Tester

Jul 13, 2020

Thank you. Great article. I love the "CRUD Examples" format. I hope you don't mind if I borrow that some of my posts.

Victoria Lo

A nerd in books, tea, games and software.

Jul 13, 2020

No problem! Feel free to use it!

Mohammed Jabali

Jul 13, 2020

Thank you. Your article is very helpful.

I noticed this issue:

let openRequest = indexedDB.open('database', 1);
// users is the database name and 1 is the version

There is no "users" in your code.

Victoria Lo

A nerd in books, tea, games and software.

Jul 13, 2020

Thanks for pointing that out! I have corrected it :)