有什么网站可以自己做书,怎么看公司是不是外包,个人网页设计的意义,四川公共资源交易信息网在现代Web应用中#xff0c;我们经常会需要在本地存储一些数据#xff0c;一方面记住用户的一些状态#xff0c;或个性化设置#xff0c;尤其是可以缓存一些常用#xff08;甚至全部#xff09;的数据#xff0c;实现更加强大和丰富的本地交互体验。传统上说#xff0c… 在现代Web应用中我们经常会需要在本地存储一些数据一方面记住用户的一些状态或个性化设置尤其是可以缓存一些常用甚至全部的数据实现更加强大和丰富的本地交互体验。传统上说我们有多种办法来存储离线数据分别如下方式空间限制优势劣势cookie4kb每个请求中会自动传递cookie安全性低空间太小localstorage5MB可以存储更多一些数据相对于cookie来说且API也很简单sessionstorage5MB可以存储更多一些数据相对于cookie来说且API也很简单仅在session中有效以上三种方式还有一个共性他们只能存储文本数据。所有不是文本的数据例如一个对象或者图片都需要想一定办法先转化为文本例如常见的是我们有一个数组或对象一般都需要先用下面的方式序列化为文本localStorage.setItem(test,JSON.stringify({name:ares,age:18}))然后如果你要读出来的话又需要反序列化例如const data JSON.parse(localStorage.getItem(test))另外要命的问题就是空间太小。所有一些牛人又发明了 IndexDB和WebSQL的方式他们都类似于本地数据库的方式可以存储更复杂的数据以及更大量的数据几乎不限。两者很类似区别在于 WebSQL出现更早一些但它不是HTML5规范的一部分。IndexDB则属于HTML5规范的一部分所以更加推荐使用。你可能很高兴想赶紧学习一些IndexDB的知识吧当然你可以通过这里学习https://developer.mozilla.org/zh-CN/docs/Web/API/IndexedDB_API但是你别急我今天跟你推荐的方式是用一个更加简单的APIlocalforage, 它采用了类似于localstroage的简单API语法但是会默认使用IndexDB来进行存储数据在必要时也可以降级为WebSQL或localstorage。是不是很香呢https://localforage.github.io/localForage/
