web worker / web socket / web storage 理解

墨蓝 2023-08-17 16:11 98阅读 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 条评论，98人围观）

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

相关阅读

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

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

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

相关 web storage简述

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

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

相关 web storage

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

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

相关 Web Workers

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

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

相关 Web Worker和WebSocket

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

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

相关 web worker的了解

如，MDN[文档][Link 1]中介绍的那样，使用demo如下 <!DOCTYPE html> <html lang="en">

我就是我/ 2022年05月23日 02:05/ 0 赞/ 119 阅读

相关 Web Worker初步学习

Web Worker是H5的新特性之一，但用的比较少。其特性是在Javascript单线程执行的基础上，开启一个子线程。子程序可以和主线程相互收发数据，但是不影响主线程。且子线

布满荆棘的人生/ 2022年05月16日 09:54/ 0 赞/ 186 阅读

相关 Web Storage概述

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

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

相关 Web Worker使用

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

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

相关 web-socket

from flask import Flask, render_template, request from geventwebsocket.handler i

浅浅的花香味﹌/ 2022年01月06日 13:51/ 0 赞/ 174 阅读