概述
在Web Worker 多线程编程一文中介绍了
Web Worker
的编程思想,碰巧最近工作中某个工程需要加载外部文件,最大的文件大小达到30MB,
Web Worker
无疑是不错的选择。
编程实现
- 不用 Web Worker 加载外部文件使用原生的
fetch
方法读取文件,其核心代码如下:functionloadlandsBound(){ fetch("./geojson/lands.json").then((response)=> response.json()).then((data)=>{ /** 业务逻辑处理 */}).catch((error)=> console.error("Error loading GeoJSON:", error));}
如果需要加载多个文件,可能就需要封装多个函数,调用fetch
方法去请求文件。 - 使用 Web Worker 使用
Web Worker
编程,实现就较为复杂。涉及到多线程之间的数据交互。worker.js
实现如下:self.onmessage=asyncfunction(evt){ const{ type
标签:
前端
javascript
本文转载自: https://blog.csdn.net/m0_46281382/article/details/142878996
版权归原作者 Jinuss 所有, 如有侵权,请联系我们删除。
版权归原作者 Jinuss 所有, 如有侵权,请联系我们删除。