首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏前端Q

    web-worker 优化惨案纪实

    如何优化 引入 web-worker 既然 input 回调高耗时,阻塞后续事件的执行,那我们就引用 web-worker 开辟新的线程,来执行这部分耗时操作就好了。 在这个过程中,因为 web-worker 的加载方式使得在 webpack 工程化的项目中造成了困难。我尝试使用 worker-loader 等方式,但是太多坑了。 return []; } } empty() { this.list = []; } get() { return this.list; } } web-worker

    63110发布于 2020-12-07
  • 来自专栏彭湖湾的编程世界

    【javascript】谈谈HTML5: Web-Worker、canvas、indexedDB、拖拽事件

    前言:作为一名Web开发者,可能你并没有对这个“H5”这个字眼投入太多的关注,但实际上它早已不知不觉进入到你的开发中,并且总有一天会让你不得不正视它,了解它并运用它

    3.5K30发布于 2018-07-31
  • 来自专栏前端Q

    面试官:假如有几十个请求,如何去控制并发?

    let i = 0; i < reqs.length; i++) { enqueue(() => axios.get('/api/test' + i)) } } 实战文章 之前写过一篇关于web-worker 大文件切片的案例文章,就是利用了此特性感兴趣的小伙伴可以看看web-worker的基本用法并进行大文件切片上传(附带简易node后端)[1] 原文: https://juejin.cn/post/7356534347509645375

    60410编辑于 2024-05-10
  • 来自专栏code秘密花园

    前端技术观察第 16 期

    And codes Highlightjs Syntax highlighting for the Web 成熟的Web语法高亮库 https://highlightjs.org/ developit/web-worker 兼容browser、node的webworker https://github.com/developit/web-worker lazynpm A simple terminal UI for npm

    92730发布于 2020-05-12
  • 来自专栏老K博客

    大文件切片上传优化,子线程计算文件hash,pLimit库并发控制上传

    fileReader.abort() } }) } 如果上传的文件过大时,读取文件内容计算hash非常耗时,并且会引起 UI 阻塞,导致页面假死,所以我们使用 web-workerweb-worker 使用方式不清楚的参考MDN介绍)具体做法如下: /** * 生成hash */ const calculateHash = (fileList) => { message.innerText

    73510编辑于 2024-06-01
  • 来自专栏程序那些事

    nodejs中使用worker_threads来创建新的线程

    而webworker-threads的作者则推荐了一个新的lib叫做web-workerweb-worker是构建于nodejs的worker_threads之上的,本文将会详细讲解worker_threads和web-worker的使用。

    2.7K21发布于 2021-01-28
  • 来自专栏技术派

    nodejs中使用worker_threads来创建新的线程

    而webworker-threads的作者则推荐了一个新的lib叫做web-workerweb-worker是构建于nodejs的worker_threads之上的,本文将会详细讲解worker_threads和web-worker的使用。

    2.7K20发布于 2021-06-22
  • 来自专栏采云轩

    Web Worker

    Web Worker https://www.zoo.team/article/web-worker 前言 众所周知,JavaScript 是单线程的语言。 示例代码:https://github.com/Pulset/Web-Worker 参考文献 在网络应用中添加服务工作线程和离线功能(https://developers.google.com/web/

    1.4K50编辑于 2022-04-27
  • 来自专栏前端开发进阶

    带你了解Event Loop

    javascript是一门单线程语言,在最新的HTML5中提出了Web-Worker,但javascript是单线程这一核心仍未改变。所以一切javascript版的“多线程”都是用单线程模拟出来的。

    95831编辑于 2022-06-10
  • 来自专栏达达前端

    前端系列第10集-实战篇

        })   } }) }, [visibleData]) 文件上传 文件切片 + 秒传 + 暂停 文件计算hash值,就像文件的身份证号,用来问后端有没有切片存在 计算hash的卡顿 可以使用web-worker this.UPLOAD_DIR, hash))  }  res.end(   JSON.stringify(    uploaded,    uploadedList // 过滤诡异的隐藏文件   })  ) } web-worker 计算md5 async calculateHash(chunks) {  return new Promise(resolve => {   // web-worker 防止卡顿主线程   this.container.workder

    52210编辑于 2023-10-08
  • 来自专栏前端Up Up!

    JS 事件循环

    众所周知,JavaScript 是一门单线程语言,虽然在 html5 中提出了 Web-Worker ,但这并未改变 JavaScript 是单线程这一核心,可是浏览器又能很好的处理异步请求,那么到底是为什么呢

    19K10发布于 2021-03-25
  • 来自专栏彭湖湾的编程世界

    当React开发者初次走进React-Native的世界

    在RN中这似乎被封装成了AsyncStroage,如果觉得API还不能满足的话,可以用社区里的一个高性能的RN库——realm 后台任务可以很方便的用了,就像web-worker一样 编写跨平台代码时候

    1.3K20发布于 2019-09-29
  • 来自专栏全栈前端精选

    字节面试官:请你实现一个大文件上传和断点续传

    spark-md5,它可以根据文件内容计算出文件的 hash 值,另外考虑到如果上传一个超大文件,读取文件内容计算 hash 是非常耗费时间的,并且会引起 UI 的阻塞,导致页面假死状态,所以我们使用 web-worker 由于实例化 web-worker 时,参数是一个 JavaScript 文件路径,且不能跨域。 spark-md5[1] 接着编写主线程与 worker 线程通讯的逻辑 + // 生成文件 hash(web-worker) + calculateHash(fileChunkList) {

    3.3K31发布于 2020-02-19
  • 来自专栏前端杂货铺

    nodejs中的并发编程

    浏览器上的web-worker、正式被nodejs@12纳入的worker-threads模块,这些都是ECMAScript多线程模型的具体实现。

    2.5K21发布于 2020-03-23
  • 事件循环Event Loop

    ---- 1.关于javascript javascript是一门单线程语言,在最新的HTML5中提出了Web-Worker,但javascript是单线程这一核心仍未改变。

    1.4K10编辑于 2022-08-11
  • 来自专栏前端迷

    这一次,彻底弄懂 JavaScript 执行机制

    1.关于javascript javascript是一门单线程语言,在最新的HTML5中提出了Web-Worker,但javascript是单线程这一核心仍未改变。

    1.4K20发布于 2018-12-06
  • 来自专栏编程内马尔

    这一次,彻底弄懂 JavaScript 执行机制

    1.关于javascript javascript是一门单线程语言,在最新的HTML5中提出了Web-Worker,但javascript是单线程这一核心仍未改变。

    63430编辑于 2022-11-15
  • 来自专栏达达前端

    Node+Vue 实现大文件上传,断点续传等

    . // 生成文件 hash(web-worker) calculateHash(fileChunkList) { return new Promise(resolve => { this.container.worker

    3.2K40编辑于 2022-04-29
  • 来自专栏全栈前端精选

    【THE LAST TIME】彻底吃透 JavaScript 执行机制

    关于 JavaScript 此篇文章中,这个小标题下,我们只需要牢记一句话: JavaScript 是单线程语言 ,无论HTML5 里面 Web-Worker 还是 node 里面的cluster都是

    66720发布于 2019-09-29
  • 来自专栏前端小吉米

    看啥双拱门,来学 webpack 3啊

    其常用选项有三个: node:在后台环境中使用 web:在浏览器主线程环境中使用 webworker:在 web-worker 环境中使用 具体设置方式为: { target: 'node' } 不过

    1.2K20发布于 2018-07-03
领券