flutter和webapp_Flutter数据持久化入门以及与Web开发的对比

对于大部分安卓或者IOS开发人员来说，App的数据持久化可能是很平常的一个话题。但是对于Web开发人员来说，可能紧紧意味着localStorage和sessionStorage。

Web开发

localStorage和sessionStorage

localStorage和sessionStorage是相似而又不同的，二者的API接口是极其类似甚至相同。简单地说一下二者的异同点：

localStorage生命周期是永久。这意味着在理论上除非用户显示在浏览器提供的UI上清除localStorage信息或者使用js代码命令方式清除，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存，不参与和服务器的通信。

sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存，不参与和服务器的通信。原生接口可以接受，亦可再次封装来对Object和Array有更好的支持。

不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的localStorage(页面属于相同域名和端口)，但是不同页面或标签页间无法共享sessionStorage的信息。这里需要注意的是，页面及标签页仅指顶级窗口，如果一个标签页包含多个iframe标签且他们属于同源页面，那么他们之间是可以共享sessionStorage的。

以上为我在开发Web时用到的知识储备，甚至在我以vue为技术栈开发WebApp时，也使用localStorage作为了数据持久化的技术依赖。

IndexedDB

虽然 Web Storage(localStorage和sessionStorage)对于存储较少量的数据很有用ÿ