WebWorker

JavaScript 中的 event loop执行顺序

一开始整个脚本作为一个宏任务执行执行过程中同步代码直接执行，宏任务进入宏任务队列，微任务进入微任务队列当前宏任务执行完出队，检查微任务列表，有则依次执行，直到全部执行完执行浏览器UI线程的渲染工作检查是否有WebWorker
·2021-03-24 15:01

JavaScript 中的 event loop执行顺序

一开始整个脚本作为一个宏任务执行执行过程中同步代码直接执行，宏任务进入宏任务队列，微任务进入微任务队列当前宏任务执行完出队，检查微任务列表，有则依次执行，直到全部执行完执行浏览器UI线程的渲染工作检查是否有WebWorker
·2021-03-24 15:17

深入理解ES8的新特性SharedArrayBuffer

Worker和Sharedmemory在nodejs中，引入了worker_threads模块，可以创建Worker.而在浏览器端，可以通过webworkers来使用Wor
·2021-03-23 13:50

HTML

新的技术:webworker,
·2021-03-11 08:21

webworker

聊聊webworker先看几个例子本例子是通过通过红点展示地球上的地震带，数据来自于地质探测局通过console.log看到数据运算所耗的时间不使用webworkerNowebworkers-allonmainthread
·2021-02-21 14:43

前端面试题之HTML5(2021持续更新ing...)

五大浏览器及其内核代表头部代表超链接区域定义文档主要内容可以表示文章、博客等内容通常表示侧边栏或嵌入内容代表尾3、html5中如何嵌入音频用audio标签4、html5中如何嵌入视频用video标签5、html5有哪些新特性canvas绘图技术、svg绘图技术、webworker
lioouo·2021-02-12 14:44

js执行机制

为了解决这个问题，利用多核CPU的计算能力，HTML5提出WebWorker标准，允许javascript脚本创建多个线程，于是js出现了同步和异步。
·2021-02-05 00:11

js执行机制

为了解决这个问题，利用多核CPU的计算能力，HTML5提出WebWorker标准，允许javascript脚本创建多个线程，于是js出现了同步和异步。
·2021-02-05 00:58

2021前端性能优化手段总结

Gziphttp2协议升级开启KeepAlive离线缓存Canvas代替DOM方案降级资源内嵌CDN图片压缩优化图片格式雪碧图多域名加载资源资源异步加载数据分片首屏内容加载限制SSR服务端渲染离线缓存升级浏览器内核WebWorker
西西爸de札记·2021-02-02 09:54

前端面试每日 3+1 —— 第646天

今天的知识点(2021.01.21)——第646天(我也要出题)[html]为什么我们要使用webworkers？[css]如何在Less中创建循环结构？
·2021-01-25 03:55

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

nodejs的官网提到了一个能够使用nodejs本地wokerpool的lib叫做webworker-threads。
·2021-01-22 11:52

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

nodejs的官网提到了一个能够使用nodejs本地wokerpool的lib叫做webworker-threads。可惜的是webworker-thread
·2021-01-21 21:42

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

nodejs的官网提到了一个能够使用nodejs本地wokerpool的lib叫做webworker-threads。可惜的是webworker-thread
·2021-01-21 21:47

js前端展示大数据量数据的进阶操作

接上一篇：js前端对于大量数据的展示方式及处理参考：js大量数据优化，通用方法进阶操作就是只渲染视口元素，以及把计算过程放在WebWorker多线程执行本项目并无对数据作大量计算的需求，所以其他地方暂时用不到
xuelulu·2021-01-21 17:34

前端面试每日 3+1 —— 第646天

今天的知识点(2021.01.21)——第646天(我也要出题)[html]为什么我们要使用webworkers？[css]如何在Less中创建循环结构？
浪子神剑·2021-01-21 10:50

js单线程，事件循环，微任务宏任务

之后为了利用多核CPU的计算能力，HTML5提出WebWorker标准，允许JavaScript脚本创建多个线程
闪现.·2021-01-14 18:06

@async 如何返回list_JavaScript async/await 如何通过同步的方式实现异步

作为前端人员要回答这个问题，需要了解这三个知识点：同步异步Async/Await首先，js是单线程的，所谓单线程，通俗的讲就是，执行代码是一行一行的往下走(即所谓的同步)js的核心就是单线程，新出的一些标准(webworker
Msura·2021-01-10 15:56

利用webworker实现前端的多线程编程

Document启动/*start.onclick=function(){for(leti=0;i//另外新建的线程worker.jsonmessage=function(e){for(leti=0;i<999999;i++){this.postMessage(i)}}
Sylvia_2000·2021-01-07 23:15

three.js中多线程的使用及性能测试详解

前言今天郭先生说一下WebWorker以及WebWorker在three.js中的应用。
·2021-01-07 16:09

浅谈JavaScript Web Worker线程

一、概述1.WebWorker线程是为JavaScript创造多线程环境，允许主线程创建Worker线程，将一些任务分配给后者执行，（尤其是一些比较耗时的任务,eg:计算任务）而主线程主要负者用户UI界面的交互
黄东璐·2021-01-01 03:46

详解JavaScript 的执行机制

一、关于javascriptjavascript是一门单线程语言，在最新的HTML5中提出了WebWorker，但javascript是单线程这一核心仍未改变。为什么js是单线程的语言？
·2020-12-30 16:34

浅谈HTML5 Web Worker

浏览器中的WebWorker背景介绍我们都知道JavaScript这个语言在执行的时候是采用单线程进行执行的，也就是说在同一时间只能做一件事，这也和这门语言有很大的关系，采用同步执行的方式进行运行，如果出现阻塞
TheWalkingFat·2020-12-26 21:39

前端魔法堂：可能是你见过最详细的WebWorker实用指南

前言JavaScript从使用开初就一直基于事件循环的单线程运行模型，即使是成功进军后端开发的Nodejs也没有改变这一模型。那么对于计算密集型的应用，我们必须创建新进程来执行运算，然后执行进程间通信实现传参和获取运算结果。否则会造成UI界面卡顿，甚至导致浏览器无响应。从功能实现来看，我们可以通过新增iframe加载同域页面来创建JSVM进程执行运算从而避免造成界面卡顿的问题。但存在如下问题：这里
肥仔John·2020-12-16 13:46

前端魔法堂：可能是你见过最详细的WebWorker实用指南

前言JavaScript从使用开初就一直基于事件循环的单线程运行模型，即使是成功进军后端开发的Nodejs也没有改变这一模型。那么对于计算密集型的应用，我们必须创建新进程来执行运算，然后执行进程间通信实现传参和获取运算结果。否则会造成UI界面卡顿，甚至导致浏览器无响应。从功能实现来看，我们可以通过新增iframe加载同域页面来创建JSVM进程执行运算从而避免造成界面卡顿的问题。但存在如下问题：这里
肥仔John·2020-12-16 13:16

使用GPU.js改善JavaScript性能

有很多方法可以解决这个问题，例如使用webworker或后台线程。GPU减轻了CPU的处理负荷，给了CPU更多的空间来处理其他进程。同时，webworker仍然运行在CPU上，但是运行在不同的线程上。
杜尼卜·2020-12-14 03:47

使用GPU.js改善JavaScript性能

有很多方法可以解决这个问题，例如使用webworker或后台线程。GPU减轻了CPU的处理负荷，给了CPU更多的空间来处理其他进程。同时，webworker仍然运行在CPU上，但是运行在不同的线程上。
杜尼卜·2020-12-14 03:11

蒲公英 · JELLY技术周刊 Vol.33: 前端基础课堂开课啦～

登高远眺天高地迥，觉宇宙之无穷基础技术怎么使用WebWorker提高用户界面的响应速度浏览器执行javascript脚本是单线程的，当执行一些耗时较长的任务时，本来响应用
凹凸实验室·2020-12-10 14:37

蒲公英 · JELLY技术周刊 Vol.33: 前端基础课堂开课啦～

登高远眺天高地迥，觉宇宙之无穷基础技术怎么使用WebWorker提高用户界面的响应速度浏览器执行javascript脚本是单线程的，当执行一些耗时较长的任务时，本来响应用
凹凸实验室·2020-12-09 15:19

vs的windows应用程序上的鼠标为什么一直是加载状态?_「多图」一文带你彻底搞懂 Web Workers （上）...

作者：阿宝哥转发链接：https://segmentfault.com/a/1190000023011282目录「多图」一文带你彻底搞懂WebWorkers(上)本篇「多图」一文带你彻底搞懂WebWorkers
weixin_39916549·2020-12-03 07:34

浏览器进程线程、Web Workers、Event Loop 图解

在网上发现了一篇很好的博客文章，对浏览器进程线程、WebWorkers、EventLoop等都解释得通俗易懂。在此，我根据其内容做了几张思维导图，对照着文章看可加深理解。如有更好的理解，欢迎探讨。
将臣·2020-11-30 00:59

浏览器有几种储存机制？讲一讲：Storage for the Web

正文IndexedDBIndexedDB的操作是异步的，不会阻塞主线程的执行，可以在window、webworkers、serviceworkers环境中使用。
半年的半年·2020-11-27 17:07

浏览器有几种储存机制？讲一讲：Storage for the Web

正文IndexedDBIndexedDB的操作是异步的，不会阻塞主线程的执行，可以在window、webworkers、serviceworkers环境中使用。
半年的半年·2020-11-27 17:03

我的前端知识清单

html方向html4标签html5标签，语义化，媒体标签等svgcanvaswebworkersmanifestpwa：serviceworker（workbox）css方向css2语法css3新语法
孟思行·2020-11-23 10:27

jsliang 求职系列 - 06 - Event Loop

4.1EventLoop执行过程 4.2requestAnimationFrame  4.2.1requestAnimationFrame介绍  4.2.2requestAnimationFrame使用缘由 4.3WebWorker
jsliang·2020-11-13 17:01

H5十大新特性

audio元素四、html5新特性之html5地理定位五、html5新特性之html5拖放六：html5新特性之html5Web存储七、html5新特性之html5应用程序缓存八、html5新特性之html5WebWorkers
我的段嘉许·2020-11-01 12:17

前端面试复习必读文章【超三百篇】

1.1执行上下文/作用域链/闭包1.2this/call/apply/bind1.3原型/继承1.4Promise1.5深浅拷贝1.6事件机制1.7函数式编程1.8ServiceWorker/PWA1.9WebWorker1.10
AwesomeCPA·2020-10-22 10:14

离屏Canvas(Offscreencanvas) + web Worker 优化多张图片旋转角度

一、Offscreencanvas简介据developer.mozilla.org中描述OffscreenCanvas是一个实验中的功能，提供了一个可以脱离屏幕渲染的canvas对象,可在webworker
雨初眠·2020-09-18 17:39

Chrome浏览器中的JavaScript多线程---WebWorker

HTML5引入了新的WebWorkerAPI，它让一段JavaScript程序运行在主线程之外的另外一个线程或进程中。Chrome对WebWorkerAPI也有了基本的支持，在Android平
尹立·2020-09-17 09:17

【深入吧，HTML 5】 性能 & 集成 —— Web Workers

这时，我们就可以使用WebWorkers来处理这些计算。WebWorker
weixin_34258838·2020-09-17 09:54

HTML5 新特性工作线程（web worker）

WebWorkers是WHATWG中一个很酷的特性。JavaScripts本身是一种单线程设计，无法在同一时刻并行的运行多个脚本。浏览器处理的每一个任务都是通过串行的方式进行处理。
yill_h·2020-09-17 09:38

HTML5 WebApp part4:使用 Web Workers 来加速您的移动 Web 应用程序(上)

通过将多线程引入Web应用程序，WebWorkers扭转了这一不利局面。这对于大部分应用程序逻辑都位于客户端的移动Web应用程序来说尤其有用。
weixin_30820077·2020-09-17 08:30

浏览器web workers 加速应用计算

但现在提出了WebWorkers，就有了一个解决方案。比如：页面中的大数值计算（排名？完成率统计？）
行舟客·2020-09-17 08:20

日常开发: Web Worker实现秒杀倒计时

WebWorker实现秒杀倒计时灵魂拷问->为啥要用webworker因为我们知道setInterval(()=>{},1000)代表的意思其实是最快1秒之后能执行,而如果事件阻塞了的话就不知道要多久我们才能执行上这个事件了
月半叫做胖·2020-09-17 01:57

webworker和darkmode笔记

整体思维导图webworker使用case一：使用高斯模糊过来的图做背景图，放在新的线程中二：ajax做轮询三：主要思路是在Worker中进行相对开销较大的DOMDiff，将patch结果发回主线程，由主线程在真实
乐橙Web·2020-09-16 22:41

【JS】event loop及promise、async执行顺序

明确：js是单线程的；其他多线程如webworker都是由js模拟出来的。为了防止任务耗时过长而造成阻塞，引入事件循环等一系列概念。
rosa5500·2020-09-16 11:08

WebWorker 加载 js代码，而不使用url; js下载字符串作为文件; js执行字符串代码【Blob的骚操作】

1.介绍WebWorker允许开发者在Web上创建多线程，对于计算密集型操作，可以大大优化web应用性能。
theajack·2020-09-16 04:37

web worker 实践

1.webworker在浏览器中JavaScript主线程与UI渲染线程是互斥的。即UI渲染线程会阻塞JavaScript线程的运行。
a5372·2020-09-15 13:29

js的webworker简单示例

前端的同学应该都知道js是单线程，异步IO的，但是其实他也是可以实现多线程的，只不过还是受制于主线程，不能够有一些操作dom的行为，说白了其实就是比较消耗cpu的计算量比较大，话不多说，下面我们可以直接看代码：worker.htmlInserttitlehere计数:开始worker停止worker点击我不会阻塞代码varw;functionstartWorker(){if(typeof(Work
xyf_coco·2020-09-14 12:41

js---单线程，多线程，任务执行队列，同步，异步

答：heml5提出webWorker允许javascript创建多个线程但是子线程完全受主线程控制，且不得操作DOM,所以这个并没
王柯以·2020-09-14 11:27

【温故知新】——HTML5重要知识点复习

一、HTML5新特性——十个新特性：凌乱(1)新的语义标签(2)增强型表单(表单2.0)(3)音频和视频(4)Canvas绘图(5)SVG绘图(6)地理定位(7)拖放API(8)WebWorker(9)
柳柳Elena·2020-09-14 07:16
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他