Storage Wars?

In a previous post, I mentioned HTML5 storage. I then went on to talk about cookies. I mentioned that I have gone away from using cookies to using HTML5 storage. It is not that cookies are bad, but HTML5 storage is so much easier and has advantages that I like better than cookies. So what are some of those advantages?

  • More secure
  • Faster
  • Not included in every server request (makes app faster)
  • Store larger amounts of data
  • Data is stored in key/value pairs…easier for programming

There are two types of HTML5 storage…

  • Local – lasts beyond the current browser session
  • Session – goes away once the current browser session is over

Note: While all modern browsers use HTML5 storage, it is probably a good idea (depending on what environments you are supporting) to test for HTML5 storage capability. So how do we do that?

[code lang=”js”]
If(typeof(Storage) !== "undefined"){
// We can use HTML5 storage because it is not undefined

So how do we use storage?

[code lang=”js”]
// Example of storing a last name in HTML5 local storage
localStorage.lastname = "Doe"

So, we now have the last name of “Doe” stored in an HTML5 local storage variable entitled, ‘lastname’. So how do we retrieve it? We can use dot object notation…

[code lang=”js”]
// This code will pull the last name of ‘Doe’ from storage and alert it

This has been simply an introduction to HTML5 storage. I will be doing further posts giving other examples.

Happy Coding!

Clay Hess

More To Explore


Exploring the Broadcast Channel API: Inter-Tab Communication

Intercommunication between different contexts (like tabs, iframes or workers) of the same origin has often been a challenge. With the Broadcast Channel API, developers now have a powerful tool to easily communicate between browsing contexts. In this blog post, we’ll dive deep into the capabilities of the Broadcast Channel API, exploring its features, use cases, and how it can be effectively implemented in your projects.

computer, laptop, work place-2982270.jpg

Unlocking Wireless Communication: A Dive into the Bluetooth API

Wireless communication has become an integral part of our daily lives, and Bluetooth technology is at the forefront of this revolution, enabling devices to exchange data over short distances and creating a world more interconnected than ever before. At the heart of this technology lies the Bluetooth Application Programming Interface (API), a powerful tool for developers looking to harness the capabilities of Bluetooth in their applications. In this blog post, we’ll explore what the Bluetooth API is, how it works, and the possibilities it opens up for innovation in wireless communication.

Share This Post


Need help?

Let's have a chat...


Jump Back In!

Here at Webolution Designs, we love to learn. This includes sharing things we have learned with you. 


Begin Your Learning Journey Today!

Come back inside to continue your learning journey.