web worker技术-js新线程
生活随笔
收集整理的這篇文章主要介紹了
web worker技术-js新线程
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
web worker的小例子，用來入門很合適，建議啟動服務來開發。可以使用node的anywhere。
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title> </head> <body>ddd </body> <script src="./index.js"></script> </html>index.js // 實例化 Worker 對象，其實質為新創建的工作線程在主線程的引用 var worker = new Worker("task.js") // postMessage 方法與新創建的工作線程通信 worker.postMessage({id: 1,msg: 'Hello World' }); // 當 Worker 線程返回數據時，onmessage 回調函數執行 worker.onmessage = function (message) {var data = message.data;console.log(JSON.stringify(data))// terminate 方法終止 worker 線程的運行worker.terminate() }; // 當 Worker 線程出錯時，onerror 回調函數執行 // error 參數中封裝了錯誤對象的文件名、出錯行號和具體錯誤信息 worker.onerror = function (error) {console.log(error.filename, error.lineno, error.message) }
task.jsonmessage = function (message) {var data = message.dataconsole.log(data)data.msg = 'Hi from task.js'postMessage(data) }
這是web worker的工作原理
轉載于:https://www.cnblogs.com/yiyi17/p/9021048.html
超強干貨來襲 云風專訪：近40年碼齡，通宵達旦的技術人生總結
以上是生活随笔為你收集整理的web worker技术-js新线程的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 搭建一个自己的SVN服务器
- 下一篇： 【IdentityServer4文档】-