技术标签: JavaScript与Vue基础教程系列 前端 服务器 javascript
HTTP cookie通常也叫作cookie,最初用于在客户端存储会话信息。这个规范要求服务器在响应HTTP请求时,通过发送Set-Cookie HTTP头部包含会话信息。
cookie是与特定域绑定的,设置cookie后,它会与请求一起发送到创建它的域。这个限制能保证cookie中存储的信息只对呗认可的接受者开发,不被其它域访问。
因为cookie存储在客户端机器上,所以为保证它不会被恶意利用,浏览器会施加限制。同时cookie也不会占用太多磁盘空间。
Web Storage定义了两个对象:
Storage类型用于保存名/值对数据,直至存储空间上限(由浏览器决定)。Storage 的实例与其他对象一样,但增加了以下方法:
sessionStorage对象只存储会话数据,这意味着数据只会存储到浏览器关闭。这跟浏览器关闭时会消失的会话cookie类似。存储在sessionStorage中的数据不受页面刷新的影响,可以在浏览器崩溃并重启后恢复。
因为sessionStorage对象与服务器会话紧密相关,所以在运行本地文件时不能使用,存储在sessionStorage对象中的数据只能由最初存储数据的页面使用,在多页应用程序中的用处有限。
因为sessionStorage对象是Storage的实例,所以可以通过使用setItem()
方法或直接给属性赋值给它添加数据。
在修订的HTML5中,localStorage对象取代了globalStorage,作为客户端持久存储数据的机制。要访问同一个localStorage对象,页面必须来自同一个域、在相同的端口上使用相同的协议。
因为localStorage是Storage的实例,所以可以像sessionStorage一样使用localStorage。
Indexed Database API 简称IndexedDB,是浏览器中存储数据结构化数据的一个方案。IndexedDB用于代替目前已废弃的Web SQL Database API。IndexedDB背后的思想是创造一套API,方便JavaScript对象的存储和获取,同时也支持查询和搜索。
IndexedDB的设计几乎完全是异步的。
IndexedDB是类似于MySQL的数据库,与传统数据库的最大差别在于,IndexedDB使用对象存储而不是表格存储数据。IndexedDB数据库就是一个在公共命名空间下的一组对象存储,类似于NoSQL风格的实现。
使用IndexedDB数据库的第一步是调用indexedDB.open()
方法,并给它传入一个要打开的数据库名称。如果给定名称的数据库已经存在,则会发送一个打开它的请求;如果不存在,则会发送创建并打开这个数据库的请求。这个方法会返回IDBRequest
的实例,可以在这个实例上添加onerror
和onsuccess
事件处理程序。
let db,request,version = 1;
request = indexedDB.open("admin",version);
request.onerror = (event) =>
alert(`Failed to open:${
event.target.errorCode}`);
request.onsuccess = (event) => {
db = event.target.result;
};
事务要通过调用数据库对象的transaction()
方法创建,任何时候,只要想要读取或修改数据,都要通过事务把所有修改操作组织起来。
let transaction = db.transaction();
如果不指定参数,则对数据库中所有的对象的存储有只读权限。
更具体的方式是指定一个或多个要访问的对象存储的名称。
let transaction = db.transaction(“users”);
确保在事务期间只加载users对象存储的信息。如果想要访问多个对象存储,也可以添加多个,逗号隔开。
拿到对象存储的引用后,就可以使用add()
或put()
写入数据了。这个两个方法都接收一个参数,即要存储的对象,并把对象保存到对象存储。
使用事务可以通过一个已知键取得一条记录。如果想要取得多条数据,则需要在事务中创建一个游标。游标是一个指向结果集的指针。与传统数据库查询不同,游标不会事先收集所有结果。相反,游标指向第一个结果,并在接收到指令前不会主动查找下一条数据。
需要在对象存储上调用openCursor()
方法创建游标。与其它IndexedDB操作一样,openCursor()
方法也返回一个请求,因此必须为它添加onsuccess
和onerror
事件处理程序。
const transaction = db.transaction("users");
const store = transaction.objectStore("users");
const request = store.openCursor();
request.onsuccess = (event) => {
db = event.target.result;//访问对象存储中的下一条记录
};
request.onerror = (event) => {
};
对某些数据集,可能需要为对象存储指定多个键。
要创建新索引,首先要取得对象存储的引用,然后调用createIndex()。
第一个参数是索引的名称,第二个参数是索引属性的名称,第三个参数是包含unique的options对象。
const transaction = db.transaction("users");
const store = transaction.objectStore("users");
const index = store.createIndex("username","username",{
unique:true});
Web Storage定义了两个对象用于存储数据:sessionStorage,localStorage。前者用于严格保存浏览器一次会话期间的数据,因为数据会在浏览器关闭时被删除。后者用于会话之外持久保存数据。
IndexedDB 是类似于SQL数据库的结构化数据存储机制,不同的是,IndexedDB 存储的是对象,而不是数据表。对象存储是通过定义键然后添加数据来创建的。游标用于查询对象存储中的特定数据,而索引可以针对特定属性实现更快的查询。
有了这些存储手段,就可以在客户端通过使用JavaScript存储可观的数据,因为这些数据没有加密,所以要注意不能使用它们存储敏感信息。
为什么80%的码农做不了架构师?>>>
文章浏览阅读283次。开篇提到视频数据源渲染提到过SurfaceView,SurfaceView是Android提供的渲染图形类。一.SurfaceView简介Android平台图形渲染类。 主要由于游戏场景,适合频发绘制刷新的View。 Surfaceview可用于工作线程刷新View。 普通View为被动刷新,主动刷新则选择SurfaceView。二.SurfaceView与View的区别Sur..._surfaceview 首帧渲染回调
文章浏览阅读133次。SpringMVC_@ControllerAdvice一.全局异常处理二.全局数据绑定三.全局数据预处理新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表F..._springmvc controlleradvice
文章浏览阅读8k次,点赞34次,收藏127次。[LQR简要快速入门]+[一级倒立摆的LQR控制]1. 什么是LQR2. 公式含义3. 倒立摆的建模3.1 线性化3.2 状态空间建立4. LQR算法实现5. MATLAB代码仿真6. 优缺点1. 什么是LQRLQR是一种最优控制算法,简要讲即为寻求一种算法,使得在满足系统稳定性能的同时,系统在达到稳定的过程中消耗的能量也最少(具有实际意义)。利用最优控制理论的知识可以知道,既然要达到两个指标(1. 性能;2. 能量)的最优,可以很容易列出积分形式的最优指标:J=∫0∞(xTQx+uTRu)dt(1_lqr
文章浏览阅读795次。anaconda: import numpy报错:ImportError: DLL load failed: 找不到指定的模块在使用vscode 和anaconda时,在vscode中 import numpy,出现了以上报错可以查看是否未添加anaconda的环境变量具体参考如下文章,如何配置环境变量https://blog.csdn.net/Buster001/article/details/90025712..._anaconda import numpy 模块错误
文章浏览阅读5.4k次。简述最近在学习钩子库,逛了一下gay hub,发现了一个项目minhook,纯钩子库,甚合我意,就研究了一下,写了2个例子。后续打算研究一下这个钩子库的源代码,了解一下具体怎么实现的。例子例子就不贴到这上面了,给出github地址:minhook钩子库的使用示例例子vs2008编译通过,使用的dll,lib文件都是从minhook项目编译而来。minhook项目github地址..._minihook使用 vs
文章浏览阅读150次。以前写过一篇类似的文章: 如何打包自己的项目并且发布到pypi上,不过由于PyPI进行了一些更新,因此旧方法不大适用了。趁端午有时间,想把haipproxy的客户端发布到PyPI,以改进用户体验,因此这次又尝试了如何将Python包发布到新版本的PyPI上。编写setup.py以haipproxy为例,它的setup.py如下from os import path as os_pathfrom s..._如何将python包推送到pipy
文章浏览阅读3.2k次,点赞3次,收藏19次。RCE漏洞存在的地方包括:在url参数上,文件下载处,在查看图片,查看文件等地方在文件删除上,SSRF可能存在的地方,变量参数提交的地方等_rce漏洞挖掘
文章浏览阅读10w+次,点赞118次,收藏518次。ODS是什么?ODS 全称是 Operational Data Store,操作数据存储.“面向主题的”,数据运营层,也叫ODS层,是最接近数据源中数据的一层,数据源中的数据,经过抽取、洗净、传输,也就说传说中的 ETL 之后,装入本层。本层的数据,总体上大多是按照源头业务系统的分类方式而分类的。但是,这一层面的数据却不等同于原始数据。在源数据装入这一层时,要进行诸如去噪(例如有一条数据中人的年龄是 300 岁,这种属于异常数据,就需要提前做一些处理)、去重(例如在个人资料表中,同一 ID 却有两条重复_ods层
文章浏览阅读9.1w次,点赞237次,收藏928次。1、了解搜索技术1.1 什么是搜索简单的说,搜索就是搜寻、查找,在IT行业中就是指用户输入关键字,通过相应的算法,查询并返回用户所需要的信息。1.2 普通的数据库搜索类似:select * from 表名 where 字段名 like ‘%关键字%’例如:select * from article where content like ’%here%’结果: where here..._lucene
文章浏览阅读262次,点赞8次,收藏4次。socket、序列化和反序列化、自定义协议、一般服务器设计原则和各种场景_parseline
文章浏览阅读715次。RT-Thread 学习日记之系统节拍Tick_rt_tick_get
文章浏览阅读5k次,点赞17次,收藏94次。数据库是用来存储数据,更新,查询数据的工具,而查询数据是一个数据库最为核心的功能,数据库是用来承载信息,而信息是用来分析和查看的。例:SELECT A.Store_Name Store, SUM(A.Sales) “Total Sales” FROM fxk003 A GROUP BY A.Store_Name;例:SELECT Store_Name, SUM(Sales) FROM fxk003 GROUP BY Store_Name HAVING SUM(Sales) > 1500;_mysql高级查询语句