Web Work 简介

通过使用WebWork我们就可以在浏览器后台使用JavaScript，而不占用浏览器自身的线程，WebWorker可以提高应用的额总体性能。一般来说，点击一个按钮运行 javascript 后，在这段代码运行完毕之前页面时无法响应客户的操作的，但是代码可以交给WebWorker运行，这样javascript依然可以响应用户的操作。
WebWorker可以分为两种类型：dedicated Web Worker 和 Shared Web Worker，在javascript中work代表dedicated Web Worker ，及单线程，随着当前页面的关闭而结束，也就意味着代码只能被创建他的页面使用；ShareWork代表 Shared Web Worker，及多线程，可以由多个页面进行访问。
使用方法同WebSocket

    var worker = new Worker('dedicated.js');//创建一个专线，并给Worker的构造函数提供一个指向Javascript文件资源的URL即可worker.onmessage = function (event) { ... };//接收专线传过来的数据worke.addEventListener('message', function(event){})

ShareWork 让js多线程，最重要的用途就是从多个页面中提取公共模块，当服务器有跟更新的时候先由ShareWorker处理，然后再由ShareWorker发送到所有的相关页面，这样无论用户同时打开多少个页面，都不会产生冗余对的长连接。
例如淘宝，想让游览器选项卡之间进行通信（也可以用cookie等，但是成本高）,

var worker = new SharedWorker('sharedworker.js', ’mysharedworker’ );//第二个参数如果提供，那么这个参数将作用于这个共享线程的名称。worker.port.onmessage = function(event){...};//从端口接收数据worker.port.postMessage('字符串');//向端口发送普通的文本数据worker.port.postMessage({ username: 'usertext'; live_city: ['data-one', 'data-two', 'data-three','data-four']});//向端口发送结构化数据。json数据格式

通过terminate()来终止服务。

Web Work 简介相关推荐

web安全简介_Web安全：HTTP简介
web安全简介 by Alex Nadalin 通过亚历克斯·纳达林 Web安全:HTTP简介 (Web Security: an introduction to HTTP) This is part ...
Tim Berners-Lee重新分散的新Web SOLID简介
by Arnav Bansal 通过Arnav Bansal Tim Berners-Lee重新分散的新Web SOLID简介 (An introduction to SOLID, Tim Berne ...
《jQuery与JavaScript入门经典》——第 1 章　动态Web编程简介 1.1理解Web服务器浏览器范式...
本节书摘来自异步社区<jQuery与JavaScript入门经典>一书中的第1章,第1.1节,作者:[美]Brad Dayley著,更多章节内容可以访问云栖社区"异步社区&quo ...
web API简介(二)：客户端储存之document.cookie API
概述前篇:web API简介(一):API,Ajax和Fetch 客户端储存从某一方面来说和动态网站差不多.动态网站是用服务端来储存数据,而客户端储存是用客户端来储存数据.document.cook ...
第一章 Web MVC简介 —— 跟开涛学SpringMVC
第一章 Web MVC简介 -- 跟开涛学SpringMVC Web MVC简介 1.1.Web开发中的请求-响应模型: 在Web世界里,具体步骤如下: 1. Web浏览器(如IE)发起请求,如访问 ...
J2EE基础之Web服务简介
J2EE基础之Web服务简介 1.什么是Web服务? 在人们的日常生活中,经常会查询网页上某城市的天气信息,这些信息都是动态的.实时的,它是专业的气象站提供的一种服务.例如,在网上购物时,通常采用网上 ...
JavaScript（五）—— Web APIs 简介/JavaScript 必须掌握的 DOM 操作 (丰富案例 + 思维导图）
本篇为 JavaScript 系列笔记第五篇,将陆续更新后续内容.参考:黑马程序员JavaScript核心教程,前端基础教程系列笔记: JavaScript(一)-- 初识JavaScript / ...
amazeui学习笔记二（进阶开发2）--Web组件简介Web Component
amazeui学习笔记二(进阶开发2)--Web组件简介Web Component 一.总结 1.amaze ui:amaze ui是一个web 组件, 由模板(hbs).样式(LESS).交互(JS ...
Web APIs 简介
Web APIs 简介 1 Web APIs 和 JS 基础关联性 1.1 JS 的组成 1.2 JS 基础阶段以及 Web APIs 阶段 JS 基础阶段我们学习的是 ECMAScript 标准规 ...
第一章 Web MVC简介 —— 跟开涛学SpringMVC 博客分类：跟开涛学SpringMVC webmvcjavaeespring跟开涛学SpringMVC Web MVC简介 1.1、We
第一章 Web MVC简介 -- 跟开涛学SpringMVC 博客分类: 跟开涛学SpringMVC webmvcjavaeespring跟开涛学SpringMVC Web MVC简介 1.1.Web ...

Web Work 简介

Web Work 简介相关推荐

最新文章

热门文章