web worker && webSocket

Posted wust-hy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web worker && webSocket相关的知识,希望对你有一定的参考价值。

1.web worker

  在浏览器中javascript主线程与UI渲染线程是互斥的。即UI渲染线程会阻塞JavaScript线程的运行。

  web worker允许创建工作线程,并可以与JavaScript主线程同时运行,可以让一些占用大量计算资源的计算在worker线程上运行。

 1 //主线程与worker线程之间的通信
 2 //worker 可以利用XMLHttpRequest加载文件,
 3 
 4 var worker = new worker(‘js/worker.js‘);
 5 worker.postMessage(args);
 6 worker.onmessage = function(event){
 7      document.getElementById(‘result‘).textContent = event.data;};
 8 
 9 //workerjs
10 onmessage = function(e){
11     var calcuResult = e.data;
12      for(var i=0;i<1000;i++)
13             calcuResult+=i;
14 }
15 postMessage(calcuResult);

2.webSockets

  客户端与服务器端只建立一个TCP连接;webSocket服务器可以推送数据到客户端,这远比HTTP请求响应模式更加灵活更加高效;有更轻量级的协议头,能够减少数据的传送。HTTP 发送请求握手,握手完成后,不再进行 HTTP交互,而是开始 webSocket的数据帧协议。

以上是关于web worker && webSocket的主要内容,如果未能解决你的问题,请参考以下文章

HTML5( Web Worker ) & 微信小程序多线程

模块类型 Web Worker 中多个脚本的高效动态导入

Spring Boot web app w/session + CSRF & stateless Basic Auth w/o CSRF

nginx安装

[PWA] 9. Service worker registerion && service work's props, methods and listeners

nginx的请求处理&#182;