資訊專欄INFORMATION COLUMN
在Vue-Cli環(huán)境下利用worker運(yùn)行interval計(jì)時(shí)器
npm install worker-loader --save-dev
configureWebpack:{
module: {
rules: [
{
test: /.worker.js$/,
loader: "worker-loader",
options: {
inline: true,
fallback: false,
name: "[name]:[hash:8].js"
}
}
]
},
}
注意，worker-loader配置項(xiàng)一定要寫在js-loader的前邊，否則報(bào)錯(cuò)。
/**
* worker類
* export定時(shí)器方法
*
*/
export class workerTimer {
constructor(){
}
timeInterval(name,interval,_this){
console.log(name+"計(jì)時(shí)器已建立");
this[name] = setInterval(() => {
_this.postMessage({name:name,message:interval/1000+"秒到了"})
},Number(interval))
}
}
import {workerTimer} from "./workerTimer"
/**
*通過遍歷器遍歷參數(shù)
*new出新的worker類
*調(diào)用定時(shí)器方法
*/
self.onmessage = function (e) {
e.data.map((item) => {
let workertimer = new workerTimer()
workertimer.timeInterval(item.name,item.interval,self)
})
};
import Worker from "./worker.js"
workerInit(){
this.worker = new Worker();
this.worker.postMessage(this.workerList);
this.worker.onmessage = (params) => {
...
}
},
workerList:[
{name:"snapInterval",interval:10000},
{name:"intervalFunc",interval:40}
],
mounted(){
this.workerInit()
}
this.worker.terminate();
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/106263.html
摘要：更方便的在于，由于自帶定時(shí)器功能，我們甚至不用自己去維護(hù)一個(gè)時(shí)間戳。請(qǐng)注意這里由于沒有調(diào)用另一個(gè)腳本，我們通過和的方式將我們的定時(shí)器程序傳入中。 問題 經(jīng)常使用Javascript的同學(xué)一定對(duì)setInterval非常熟悉，當(dāng)使用setInterval(callback, timer)時(shí)，每經(jīng)過timer毫秒時(shí)間，系統(tǒng)都將調(diào)用一次callback。請(qǐng)問全局如果沒有提供setInterv...
摘要：當(dāng)其就緒時(shí)，會(huì)調(diào)用執(zhí)行定時(shí)函數(shù)。進(jìn)程超時(shí)停止進(jìn)程將要停止時(shí)，并不會(huì)立刻停止，而是會(huì)等待事件循環(huán)結(jié)束后停止，這時(shí)為了防止進(jìn)程不退出，還設(shè)置了的延遲，超過就會(huì)停止該進(jìn)程。當(dāng)允許空閑時(shí)間小于時(shí)，統(tǒng)一每隔檢測(cè)空閑連接。 前言 swoole 的 timer 模塊功能有三個(gè)：用戶定時(shí)任務(wù)、剔除空閑連接、更新 server 時(shí)間。timer 模塊的底層有兩種，一種是基于 alarm 信號(hào)，一種是基于...
摘要：瀏覽器渲染進(jìn)程瀏覽器內(nèi)核進(jìn)程，內(nèi)部是多線程的默認(rèn)每個(gè)頁(yè)面一個(gè)進(jìn)程，互不影響。事件觸發(fā)線程歸屬于瀏覽器而不是引擎，用來(lái)控制事件循環(huán)可以理解成引擎自己都忙不過來(lái)，需要瀏覽器另開線程協(xié)助。 線程和進(jìn)程 進(jìn)程和線程的概念可以這樣理解： 進(jìn)程是一個(gè)工廠，工廠有它的獨(dú)立資源--工廠之間相互獨(dú)立--線程是工廠中的工人，多個(gè)工人協(xié)作完成任務(wù)--工廠內(nèi)有一個(gè)或多個(gè)工人--工人之間共享空間 工廠有多個(gè)工人...
摘要：瀏覽器渲染進(jìn)程瀏覽器內(nèi)核進(jìn)程，內(nèi)部是多線程的默認(rèn)每個(gè)頁(yè)面一個(gè)進(jìn)程，互不影響。事件觸發(fā)線程歸屬于瀏覽器而不是引擎，用來(lái)控制事件循環(huán)可以理解成引擎自己都忙不過來(lái)，需要瀏覽器另開線程協(xié)助。 線程和進(jìn)程 進(jìn)程和線程的概念可以這樣理解： 進(jìn)程是一個(gè)工廠，工廠有它的獨(dú)立資源--工廠之間相互獨(dú)立--線程是工廠中的工人，多個(gè)工人協(xié)作完成任務(wù)--工廠內(nèi)有一個(gè)或多個(gè)工人--工人之間共享空間 工廠有多個(gè)工人...
閱讀 3754·2021-10-13 09:40
閱讀 3205·2021-10-09 09:53
閱讀 3591·2021-09-26 09:46
閱讀 1886·2021-09-08 09:36
閱讀 4285·2021-09-02 09:46
閱讀 1346·2019-08-30 15:54
閱讀 3210·2019-08-30 15:44
閱讀 1053·2019-08-30 11:06
