web客户端存储技术笔记

GeekQiaQia 发布于2019-08-21 16:24 / 3001人阅读

摘要：客户端存储的相关技术有键值对存储，绑定到某个域，并存储浏览器会话数据键值对存储，绑定到某个域，会话结束时会删除由一个浏览器内建的对象存储器，来存储跨会话数据一个完整的关系型数据库，可以作为的替代方案通过声明文件，来让客户端存储离线文件。

客户端存储的相关技术有

localStorage 键-值对存储，绑定到某个域，并存储浏览器会话数据；

sessionStorage 键-值对存储，绑定到某个域，会话结束时会删除；

IndexedDB 由一个浏览器内建的对象存储器，来存储跨会话数据；

WebSQLDatabases 一个完整的关系型数据库，可以作为IndexedDB的替代方案；

menifest 通过声明menifest文件，来让客户端存储离线文件。

localStorage的用法示例

保存
localStorage.setItem(“background_color”,$(“#background_color”).val())

获取
var bgcolor = localStorage.getItem(“background_color”)

模拟使用场景
设置用户个性化样式，通过表单选择CSS值后，将其发送给服务器的同时设置localStorage。在页面加载的时候，将localStorage的值取出，将样式通过DOM操作应用到界面上。

sessionStorage的用法示例

会话结束时删除数据，则可以采用这种方法。

保存
sessionStorage.setItem(‘name’,’Brian Hogan’)

取出
var name = sessionStorage.getItem(‘name’)

IndexedDB用法

操作和数据库类似，它的主要特点是请求后由事件异步执行。首先和相应数据库发送连接请求，请求成功后执行增删改查等操作。
《HTML5和CSS3实例教程》上内容较老，具体参考火狐开发者文档：
https://developer.mozilla.org...

离线应用的实现

创建一个manifest文件，里面包含web 应用客户端文件（HTML、CSS、JS文件），当用户第一次访问HTML主页时，menifest所标注的所有文件都会下载到客户端。
manifest文件必须通过 text/cache-manifest 的MiME类型来提供给用户。

私有云海外云主机笔记本云存储 web爬虫技术 web前端技术 java web 技术

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/88509.html

云计算技术将如何影响商业世界？

摘要：云计算技术如何运作云计算如今并不是什么新鲜事物。云计算技术和自动化协同工作，简化服务台，这样可以缩短故障响应时间，并改善整体客户体验。云计算技术的进步使企业能够从全球各地招聘人才。云计算技术已经渗透到人们生活的各个方面，其中包括个人喜好和专业工作。例如，很多音乐和电视节目都可以在云端存储和访问。从待办事项列表到随机笔记，手机的所有内容都可以在云平台中备份和访问。它改变了人们的工作方式，也改变...

linkFly 2019-04-29 15:39 评论0 收藏0
token与sessionId的区别——学习笔记

摘要：学开发半年多，之前一直有个疑问为什么要用，好好的用不好吗其实就是新技术与老技术，但是还是想弄懂这个问题之前一直疑惑，今天搞懂了，整合了一下学习过程，先对比一下与一简述的生成方式与的生成方式的生成方式浏览器第一次访问服务器时，服务器创建一个，学开发半年多，之前一直有个疑问：为什么要用token，好好的用sessionID不好吗（其实就是新技术与老技术，但是还是想弄懂）这个问题之前一直疑...

liaosilzu2007 2019-08-06 13:35 评论0 收藏0
《JavaScript Web富应用开发》读书笔记

摘要：创建类中并没有真正的类，但中有构造函数和运算符。任何函数都可以用作构造函数，构造函数必须使用运算符作为前缀来创建新的实例。调用构造函数时不要丢掉关键字。这里使用基于原型的继承，而没有用到构造函数和关键字。 1.创建类 JavaScript中并没有真正的类，但JavaScript中有构造函数和new运算符。构造函数用来给实例对象初始化属性和值。任何JavaScript函数都可以用作构造函...

琛ｈ。 2019-08-19 18:46 评论0 收藏0
前端补集 - 收藏集 - 掘金

摘要：原文地址一个非常适合入门学习的博客项目前端掘金一个非常适合入门学习的项目，代码清晰结构合理新闻前端掘金介绍一个由编写的新闻。深入浅出读书笔记知乎专栏前端专栏前端掘金去年的一篇老文章，恰好今天专栏开通，迁移过来。破解前端面试（80% 应聘者不及格系列）：从闭包说起 - 掘金修订说明：发布《80% 应聘者都不及格的 JS 面试题》之后，全网阅读量超过 6W，在知乎、掘金、cnodejs ...

YorkChen 2019-08-29 12:41 评论0 收藏0
前端补集 - 收藏集 - 掘金

摘要：原文地址一个非常适合入门学习的博客项目前端掘金一个非常适合入门学习的项目，代码清晰结构合理新闻前端掘金介绍一个由编写的新闻。深入浅出读书笔记知乎专栏前端专栏前端掘金去年的一篇老文章，恰好今天专栏开通，迁移过来。破解前端面试（80% 应聘者不及格系列）：从闭包说起 - 掘金修订说明：发布《80% 应聘者都不及格的 JS 面试题》之后，全网阅读量超过 6W，在知乎、掘金、cnodejs ...

AbnerMing 2019-08-20 16:57 评论0 收藏0