zoukankan      html  css  js  c++  java
  • Inline Workers--Web workers without a separate Javascript file

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8" />
    </head>
    <body>
    
      <div id="log"></div>
    
      <script id="worker1" type="javascript/worker">
        // This script won't be parsed by JS engines because its type is javascript/worker.
        self.onmessage = function(e) {
          self.postMessage('msg from worker');
        };
        // Rest of your worker code goes here.
      </script>
    
      <script>
        function log(msg) {
          // Use a fragment: browser will only render/reflow once.
          var fragment = document.createDocumentFragment();
          fragment.appendChild(document.createTextNode(msg));
          fragment.appendChild(document.createElement('br'));
    
          document.querySelector("#log").appendChild(fragment);
        }
    
        var blob = new Blob([
          document.querySelector('#worker1').textContent
        ], { type: "text/javascript" })
    
        // Note: window.webkitURL.createObjectURL() in Chrome 10+.
        var worker = new Worker(window.URL.createObjectURL(blob));
        worker.onmessage = function(e) {
          log("Received: " + e.data);
        }
        worker.postMessage("hello"); // Start the worker.
      </script>
    </body>
    </html>

    https://www.html5rocks.com/en/tutorials/workers/basics/#toc-inlineworkers

  • 相关阅读:
    [LeetCode] 101. 对称二叉树
    [LeetCode] 394. 字符串解码!!!!
    USACO Ordered Fractions
    USACO The Castle
    遇到的Mysql的一个坑
    USACO-palsquare 遇到的一个坑
    大整数相乘
    vs2012扩展
    JS实现文字倒计数
    jqAutoComplete 和 knockout
  • 原文地址:https://www.cnblogs.com/zyip/p/6130143.html
Copyright © 2011-2022 走看看