為您找到相關(guān)結(jié)果21個(gè)
SharedWorker 多頁(yè)面相互通信示例詳解_javascript技巧_腳本之家
SharedWorker的使用很簡(jiǎn)單,只需要在創(chuàng)建Worker的時(shí)候,需要傳入一個(gè)name參數(shù),這個(gè)name參數(shù)就是SharedWorker的標(biāo)識(shí),相同的name會(huì)共享同一個(gè)SharedWorker。 1 const sharedWorker = new SharedWorker('worker.js', 'mySharedWorker'); 默認(rèn)情況下name并不是必須的,這個(gè)時(shí)候相同的
www.dbjr.com.cn/article/2692...htm 2025-5-29
突襲HTML5之Javascript API擴(kuò)展1—Web Worker異步執(zhí)行及相關(guān)概述_htm...
HTML5 中的 Web Worker 可以分為兩種不同線程類型,一個(gè)是專用線程 Dedicated Worker,一個(gè)是共享線程 Shared Worker。兩種類型的線程各有不同的用途。 專用型web worker 專用型worker與創(chuàng)建它的腳本連接在一起,它可以與其他的worker或是瀏覽器組件通信,但是他不能與DOM通信。專用的含義,我想就是這個(gè)線程一次只處理...
www.dbjr.com.cn/html5/723...html 2025-6-8
前端調(diào)用后端接口時(shí)的超時(shí)問(wèn)題解決辦法_javascript技巧_腳本之家
動(dòng)態(tài)調(diào)整輪詢間隔:根據(jù)實(shí)際情況動(dòng)態(tài)調(diào)整輪詢間隔時(shí)間,減少不必要的反復(fù)連接,提高效率。 使用SharedWorker:將輪詢?nèi)蝿?wù)移至后臺(tái)線程(如SharedWorker),這樣可以避免阻塞主線程,同時(shí)多頁(yè)面共享結(jié)果,提高性能。 服務(wù)器發(fā)送事件(SSE):利用SSE技術(shù),服務(wù)器可以主動(dòng)向客戶端推送數(shù)據(jù),減少客戶端的輪詢頻率,從而降低資源消耗。 如何將...
www.dbjr.com.cn/javascript/333195w...htm 2025-6-4
一文讀懂JavaScript多線程Web Worker_基礎(chǔ)知識(shí)_腳本之家
共享線程是為了避免線程的重復(fù)創(chuàng)建和銷毀過(guò)程,降低了系統(tǒng)性能的消耗,共享線程SharedWorker可以同時(shí)有多個(gè)頁(yè)面的線程鏈接。 使用SharedWorker創(chuàng)建共享線程,也需要提供一個(gè)javascript腳本文件的URL地址或Blob,該腳本文件中包含了我們?cè)诰€程中需要執(zhí)行的代碼,如下: 1 const sharedworker =newSharedWorker("sharedworker.js"); ...
www.dbjr.com.cn/javascript/336792m...htm 2025-6-5
JavaScript中的Web worker多線程API研究_javascript技巧_腳本之家
worker.run(function(bundle){ //do sth in worker thread... this.runOnUiThread(function(bundle /*shared obj*/){ //do sth in main ui thread... }); //... }); 這段代碼里面,我們啟動(dòng)一個(gè)worker之后,能夠讓任意代碼跑在worker中,并且當(dāng)需要操作ui線程(比如讀寫dom)時(shí),可以通過(guò)this.runOnUiThread回...
www.dbjr.com.cn/article/582...htm 2025-5-26
Vue3利用組合式函數(shù)和Shared Worker實(shí)現(xiàn)后臺(tái)分片上傳_vue.js_腳本之家
const _self: SharedWorkerGlobalScope = self as any; /** * 分片大小 */ const pieceSize = 1024 * 1024; /** * 消息參數(shù) */ interface MessageArg<T> { /** * 函數(shù)名 */ func: string; /** * 參數(shù) */ arg: T; } /** * 上傳任務(wù)信息 */ interface UploadTaskInfo { /** * 文件名 ...
www.dbjr.com.cn/javascript/302915m...htm 2025-6-6
JavaScript中sharedWorker 實(shí)現(xiàn)多頁(yè)面通信的實(shí)例詳解_javascript技巧_腳 ...
1 同一個(gè)js url 只會(huì)創(chuàng)建一個(gè) sharedWorker,其他頁(yè)面再使用同樣的url創(chuàng)建sharedWorker,會(huì)復(fù)用已創(chuàng)建的 worker,這個(gè)worker由那幾個(gè)頁(yè)面共享。 2 sharedWorker通過(guò)port來(lái)發(fā)送和接收消息接下來(lái),我們看一下具體是 worker 和頁(yè)面之間是如何發(fā)送和接收消息的。message...
www.dbjr.com.cn/article/2107...htm 2025-5-26
SharedWorkerGlobalScope屬性數(shù)據(jù)共享示例解析_java_腳本之家
SharedWorkerGlobalScope和DedicatedWorkerGlobalScope一樣都是一個(gè)全局作用域,它的實(shí)例是SharedWorker,它的原型是WorkerGlobalScope,它的構(gòu)造函數(shù)是SharedWorkerGlobalScope。 在SharedWorker中可以使用self關(guān)鍵字來(lái)訪問(wèn)SharedWorkerGlobalScope的實(shí)例,也可以使用this關(guān)鍵字來(lái)訪問(wèn)SharedWorkerGlobalScope的實(shí)例。 他們之間的關(guān)系如上圖所...
www.dbjr.com.cn/article/2711...htm 2025-5-26
JavaScript實(shí)現(xiàn)瀏覽器內(nèi)多個(gè)標(biāo)簽頁(yè)通信方式詳解_javascript技巧_腳本...
SharedWorker 復(fù)雜通信場(chǎng)景 現(xiàn)代瀏覽器 高 window.postMessage 跨域或父子頁(yè)面通信 所有瀏覽器 中 IndexedDB 持久化數(shù)據(jù)共享 所有現(xiàn)代瀏覽器 高 Service Worker 離線或后臺(tái)通信 現(xiàn)代瀏覽器 高 選擇建議: 簡(jiǎn)單場(chǎng)景:優(yōu)先使用 localStorage 或BroadcastChannel。 復(fù)雜場(chǎng)景:選擇 SharedWorker 或Service Worker。 跨域通信:使用...
www.dbjr.com.cn/javascript/3371314...htm 2025-6-5