cookies、localStorage、sessionStorage、indexDB、Web SQL
cookies:
优点:HTML5之前本地存储的主要方式、兼容性好,请求头自带cookie方便
缺点:只能存储4K大小的内容,每个域下有个数限制
localStorage:
HTML5标准引入,以键值对形式存储在磁盘,永久存储(如果不手动删除),大小5M
sessionStorage:
HTML5标准引入,以键值对形式存储,当页面关闭后,就会被清空,不能跨域分享,属于会话级别存储,大小5M
Web SQL:
2010年被W3C废弃的本地数据库数据存储方案,但是主流浏览器(火狐除外)都已经有了相关的实现,web sql类似于SQLite,是真正意义上的关系型数据库,用sql进行操作,当我们用JavaScript时要进行转换,较为繁琐。
IndexedDB:
是被正式纳入HTML5标准的数据库储存方案,它是NoSQL数据库,用键值对进行储存,可以进行快速读取操作,非常适合web场景,同时用JavaScript进行操作会非常方便。