web works importScripts

html:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>web works 日志文件输出</title>
  <script>
    var worker = new Worker("worker-hello.js");
    worker.onmessage = function (e) {
      if (e.data.type == "log") {
        console.log(e.data.msg);
      }
    }

    function sendMsg() {
      var username = document.getElementById("username").value;
      worker.postMessage(username);
    }
  </script>
</head>
<body>
<h2>importScripts使用</h2>
请输入用户名
<input type="text" id="username">
<button onclick="sendMsg()">登陆</button>
</body>
</html>

worker-hello.js:

importScripts("worker-log.js")
//接收信息
onmessage = function (e) {
  log("Worker收到了信息" + e.data);
}

worker-log.js:

function log(msg) {
  //输出日志
  postMessage({
    type: "log",
    msg: msg
  });
}

  

时间: 2024-11-10 01:10:39

web works importScripts的相关文章

HTML5新功能之八 《web works多线程》

一.什么是历史管理 HTML5新功能之七 <历史管理> HTML5新功能之八 <web works多线程>,布布扣,bubuko.com

Web前端总结(小伙伴的)

以下总结是我工作室的小伙伴的心得,可以参考一下 html+css知识点总结 HTMl+CSS知识点收集 1.letter-spacing和word-spacing的区别 letter-spacing:指字母间距 word-spacing:指单词间距 2.列举常见的复合属性(常见的17种,有可能结合js问): Background,Font,Border,Padding,Margin,list-style 3.img标签的属性alt和title的区别 Alt:图片加载不了的时候用以替代图片信息,同

前端开发手册

做前端有一段时间了,但是总觉得前端就是写写界面就行了,其实不然.一个合格的前端责任是很重大的.本文介绍重点介绍了前端人员需要掌握的一些技能.供大家参考.如果有一些对前端开发还有疑惑的童鞋,可以来看看. 本文来源:http://wiki.jikexueyuan.com/project/fedHandlebook/,建议阅读在线版本:https://dwqs.gitbooks.io/frontenddevhandbook/ 什么是前端开发者? 一个前端开发者, 要会使用Web技术(如:HTML,CS

给开发者提供的 35 款 JavaScript 图形图表库

给开发者提供的 35 款 JavaScript 图形图表库 图表是数据图形化的表示,也就是“通过形象的图表来展示数据,比如条形图,折线图,饼图”.几乎每个开发或者项目管理团队都需要图表或者图形来简化 理解,可视化复杂的数据和 web 应用工作流.可视化图表可以帮助开发者更容易理解复杂d数据,提高生产的效率和 web 应用和项目的可靠性. JavaScript 图表和图形库就是一个简单创建图表和图形的工具.现在互联网上有许多五花八门的 JavaScript 图表和图形库,帮助开发者们更好的创建 w

深入浅出node读书笔记(一)

老早就想读这本书了,可是因为这样那样的原因,总归是耽搁了,前几天一直在纠结毕业设计用什么语言来实现后端逻辑代码的问题,通过一周时间的痛苦挣扎,选择了node,于是就又开始学习node了,希望写随笔这种形式能够逼着我把node好好研究一遍. 首篇文章主要讲述该书的第一个章节,因为是读书笔记,内容可能不会很全面,大概只会写下我认为重要的东西,一些无关紧要的内容可能略过.本篇文章主要从两个方面来介绍node,分别是:node的特点以及node的使用场景. (1)node的特点: a)异步I/O:异步I

大数据可视化分析工具推荐

各个互联网公司通过大量的用户数据.信息进行统计分析,而这些大量繁杂的数据在经过可视化工具处理后,就能以图形化的形式展现在用户面前,清晰直观.随着各种数据的增加,这种可视化工具越来越得到开发者们的欢迎. 下面推荐25款可视化工具供大家选择和使用. 1.Modest Maps Modest Maps是一个轻量级.可扩展的.可定制的和免费的地图显示类库,这个类库能帮助开发人员在他们自己的项目里能够与地图进行交互.ModestMaps提供一个核心健壮的带有很多hooks与附加functionality函

Service Station - An Introduction To RESTful Services With WCF

Learning about REST An Abstract Example Why Should You Care about REST? WCF and REST WebGetAttribute and WebInvokeAttribute UriTemplate and UriTemplateTable WebHttpBinding and WebHttpBehavior WebServiceHost and WebServiceHostFactory Using the Example

browser process request

What really happens when you navigate to a URL Beginner’s Guide: How IIS Process ASP.NET Request What's in an HTTP request? How the web works: HTTP and CGI explained

[0406]学习一个——利

前言 最近发现了Github的Student认证,本来想用来注册Digital Ocean搭个梯子,结果注册验证不能用VISA借记卡=~=. 那么在这漫长的清明节假期里,只有学习能满足空虚的内心(划掉),疲劳刷完了,只有学习一个! thinkful提供了HTML/CSS, JavaScript入门教程,Github说是一月,但thinkful发的邮件里只有2周..就三个单元,应该能学完吧(望天). 1. Unit 1 Html CSS 与 版本控制 1.1 网页基础 1.1.1 使用CodePe