web worker / web socket / web storage 理解

墨蓝 2023-08-17 16:11 124阅读 0赞

学习的原网站：[https://www.jianshu.com/p/fe5f19df1e77][https_www.jianshu.com_p_fe5f19df1e77]

一，webWorker：它是独立运行在后台的脚本语言，与主线程区分开，内存会另批一块地给它玩，不会影响页面的加载。（html的新特性）

二，web storage：客户端存储

2.1.sessionStorage 类数据对象，会话级数据存储，【只能在当前会话存储，当会话结束，存储的数据将会消失】

![1712762-20190820105343733-1556367295.png][]

2.2.localStorage 类数组对象本地存储 (跨会话级存储),【可以在当前会话存储loocalStorage.setItem()，别的会话也可以获取loocalStorage.getItem()】在浏览器所有管理的外存（硬盘）中存储用户浏览数据，可供此次会话及后续会话共同使用。

![1712762-20190820105750908-581898682.png][]

三，web socket

因为http属于"请求-响应"模型，一个请求，只能得一个响应，只有客户端发起请求消息，服务器才会返回响应消息，没有请求就没有响应。

webScoket协议则属于"广播-收听"，客户端连接服务器就不再断开，永久连接，双方可以随时向对方发送消息。

![1712762-20190820113034745-1508881980.png][]

转载于:https://www.cnblogs.com/maibao666/p/11382320.html

[https_www.jianshu.com_p_fe5f19df1e77]: https://www.jianshu.com/p/fe5f19df1e77
[1712762-20190820105343733-1556367295.png]: /images/20230810/b65a9c74a0e648648c6d99a31c4e571c.png
[1712762-20190820105750908-581898682.png]: /images/20230810/dc428418a1b24c9dbdc11c204d27a170.png
[1712762-20190820113034745-1508881980.png]: /images/20230810/9d47db3112df4a2f8cedcbaba6b53082.png

发表评论取消回复

表情：

评论列表（有 0 条评论，124人围观）

还没有评论，来说两句吧...

相关阅读

相关 web worker / web socket / web storage 理解

　　　　学习的原网站：[https://www.jianshu.com/p/fe5f19df1e77][https_www.jianshu.com_p_fe5f19df1e

墨蓝/ 2023年08月17日 16:11/ 0 赞/ 125 阅读

相关使用 Web Workers

使用 Web Workers Web Worker为Web内容在后台线程中运行脚本提供了一种简单的方法。线程可以执行任务而不干扰用户界面。此外，他们可以使用`XM

淡淡的烟草味﹌/ 2023年03月01日 06:25/ 0 赞/ 22 阅读

相关 web storage简述

web storage可以作为替代cookie来保存数据，有两种方法： 1.session storage：会存储数据，但是关闭浏览器之后数据丢失 2.

末蓝、/ 2022年08月20日 06:26/ 0 赞/ 177 阅读

相关 web storage

介绍在html4及以前，在客户端存储用户数据（包括个人信息，浏览痕迹等），依赖的是cookie，而cookie有其天生的劣势，导致有些情况不能满足需求或者影响用户

刺骨的言语ヽ痛彻心扉/ 2022年06月16日 09:58/ 0 赞/ 174 阅读

相关 Web Workers

Web Workers 为 Web 前端网页上的脚本提供了一种能在后台进程中运行的方法。一旦它被创建，Web Workers 就可以通过 postMessage 向任务池发送任

ゝ一世哀愁。/ 2022年06月14日 03:19/ 0 赞/ 138 阅读

相关 Web Worker和WebSocket

1、Web Worker 1）Web Worker 是运行在后台的 JavaScript、独立于其他脚本、不会影响页面的性能、您可以继续做任何愿意做的事情：点击、选取内容等等

￡神魔★判官ぃ/ 2022年06月08日 02:09/ 0 赞/ 241 阅读

相关 HTML5 Web Workers

当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。 web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面

谁践踏了优雅/ 2022年05月19日 08:06/ 0 赞/ 180 阅读

相关 Web Storage概述

Web Storage概述 ①sessionStorage:将数据保存在sessionStorage中。指的是用户从进入网站到浏览器关闭的这段时间，session对象可以保

素颜马尾好姑娘i/ 2022年04月15日 05:59/ 0 赞/ 307 阅读

相关 Web Worker使用

Web Workers 是 HTML5 提供的一个javascript多线程解决方案，我们可以将一些大计算量的代码交由web Worker运行而不冻结用户界面。介绍通过

快来打我*/ 2022年02月24日 02:36/ 0 赞/ 245 阅读

相关 html5 Web Workers

虽然在JavaScript中有setInterval和setTimeout函数使javaScript看起来好像使多线程执行，单实际上JavaScript使单线程的，一次只能做一

快来打我*/ 2022年02月02日 14:59/ 0 赞/ 215 阅读