前端开发数据的本地存储技术

在网络世界中，每个用户在上网使用开发商提供的产品并进行数据的交互时，一定会涉及至少两台设备。一个是客户端，例如用户的个人电脑，另一个是服务端，开发商靠其为用户提供服务。
在客户端和服务端都可以进行数据的存储，二者区别在于：储存于客户端的数据，只有客户端的当前使用者能够获取。而储存于服务端的数据，只要有其相应的地址，任何人都能访问。
相对于存储在服务端的数据，存储在客户端的数据响应时间更快。把一些不需要在网络共享的数据存在客户端，能够节省服务端的资源。以个人电脑为例，客户端进行本地存储的数据会存放在电脑的硬盘当中。当我们需要调用这些数据时，不需要联网便能够直接从本地获取。
储存在客户端的本地数据不会因为当前页面或客户端的关闭而删除，只要未曾主动将其删除，它便会一直存在于本地。
下面介绍一种在前端JavaScript中进行本地存储的一种方法：localStroage
1、直接操作对象：
存储数据：localStorage.name = “abcdefg”;
修改数据：localStorage.name = “1234567”;
删除数据：delete localStorage.name;
读取数据：console.log(localStorage.name);
2、通过方法对数据进行操作：
存储数据：localStorage.setItem(“name”,“abcdefg”);
修改数据： localStorage.setItem(“name”,“1234567”);
删除数据： localStorage.removeItem(“name”);
删除所有数据（慎用！）：localStorage.removeItem(“name”);
读取数据：console.log(localStorage.getItem(“name”));