Web worker 多執行緒處理資料

2022-10-10 12:48:08 字數 1959 閱讀 5590

流程:worker ------------àpostmessage----------------à任務沲----------------àpostmessage---------------à事件處理程式-------------------àonmessage------------------à返回資訊.

寫了乙個成功的例子:(有兩個檔案,乙個是主頁檔案 ,另乙個是執行緒js檔案)

1

doctype html

>

2<

html

>

3<

head

>

4<

meta

charset

='utf-8'

>

5<

title

>title

title

>

6<

script

>

7window.onload

=function

()23

24addeventlistener(

'error

',errorhandle,

true

);

//當執行緒發生錯誤的時候觸發該方法

2526

document.queryselector(

'#btn

').addeventlistener(

'click

',stopworker,

true

);

//繫結終止執行緒方法

2728

//importscripts()函式載入js檔案到worker程序中去,例如載入 hello.js importscripts('hello.js');

2930

31worker.postmessage(

'hello webworker!');

3236

37/*

*** 事件處理函式 ***

*/38

39function

errorhandle(e)

4243

44function

stopworker()

4748

495051}

52script

>

53head

>

54<

body

>

55<

button

id='btn'

>dialog

button

>

56body

>

57html

>

1

//該事件用來監聽執行緒中的postmessage事件 , 作用是用來接收執行緒的回送資料,2//

並且把資料發回到web應用程式頁面的onmessage監聽處理資料事件34

/*onmessage=function(e)*/9

1011

12//

第二種方法使用addeventlistenner註冊後台執行緒事件;

1314 addeventlistener('message',messagehandle,true

);15

1617

function

messagehandle(e)

web worker 多執行緒

web 主線程 1.通過 worker new worker url 載入乙個js 檔案來建立乙個 worker,同時返回乙個worker 例項 2.通過worker.postmessage data 方法來向worker 傳送資料 3.繫結worker.onmessage 方法 來接收worker...

web worker技術 js新執行緒

web worker的小例子,用來入門很合適,建議啟動服務來開發。可以使用node的anywhere。ddd index.js 例項化 worker 物件,其實質為新建立的工作執行緒在主線程的引用 var worker new worker task.js postmessage 方法與新建立的工作...

c mysql多執行緒 多執行緒讀寫mysql資料庫

該樓層疑似違規已被系統摺疊 隱藏此樓檢視此樓 unsigned int stdcall scan pvoid pm char ip 20 strcpy ip,char pm mysql mysql mysql res result 初始化mysql控制代碼 mysql init mysql 連線my...