• 2024-09-02vue2项目中使用webworker(二):导出Excel
    需求有的时候我们导出的数据量很大,如果在主进程中操作的话可能会导致页面卡顿的问题代码App.vue<template><divclass="app"><button@click="exportExcel">导出Excel</button></div></template><script>importExcelWorkerfrom
  • 2024-08-31vue2项目中使用webworker(一):发送网络请求
    背景有的时候我们需要向后端发送多个网络请求,如果全部在主线程中操作的话页面会变得非常卡顿,我们可以使用webwoker来发送网络请求,一旦服务响应结果,我们再从子线程给主线程发送消息步骤默认情况下vue2是不支持webwoker。安装worker-loadernpmi-Dworker-loadervue.conf
  • 2023-10-31导入个Excel页面直接卡死,该如何解决
    JavaScript是单线程的语言,也就是说同步代码都需要排队去执行,这样就会造成很多问题,就比如:数据量大的excel文件的导入导出,会造成整个页面出现“假卡死”的现象。什么是“假卡死”呢?意思就是页面其实并没有卡死,但是用户做一些操作时,页面并没有及时给到反馈,这就会让用户觉得页面卡死
  • 2023-09-06在vue项目中使用webWorker
    使用webworker可以进行多线程的数据处理, 我们可以把包含大量数据的逻辑交给webworker, 能避免在数据处理过程中造成的页面卡顿.1.首先,你可以在项目根目录的任意目录下,新建一个webworker的文件直接调用预置方法postMessage来传递数据, 使用onmessage来监听和获取处理完
  • 2023-05-17vite 使用 webworker
    不能和vite.config的server.origin配置一起使用。可以使用第三方插件。可以使用fetch请求和处理数据。  //////////////////App.vue<button@click="go">发送消息</button>//vite第一种用法:newURL+import.meta.urlvarmyWorker=newWorker(newURL('./
  • 2022-12-11使webworker中支持使用import导入模块——threads.js
    threads.js基本使用使用vue-cli创建一个项目(我这里vue--version的版本是3.11.0):vuecreatehello-world添加tool.js文件:exportfunctiongetSuffix(){return
  • 2022-08-22浏览器数据库IndexedDB和前端多线程webWorker在3D场景中的实战应用
    背景1.IndexedDB就是浏览器提供的本地数据库,它可以被网页脚本创建和操作。2.在3D场景中模型数据很大,有可能存在数十万级的数据存储,大量数据存储在内存中会很容易导致内