Web worker - как распараллелить вычисления в JavaScript #easyit #js #javascript

preview_player
Показать описание
Разбираемся что же такое веб воркер, как его создавать и использовать.

Исходные файлы проекта здесь:

Сериал "Создание SPA приложения на чистом JS":

Полезные видео по настройке webpack:

Самый простой способ установить nodejs на Linux и Mac:

#easyit #javascript #js #vanillajs
  1. Easy IT
  2. easyit
  3. vitejs
  4. javascript
  5. js
  6. js-microtask
Рекомендации по теме
Web worker - 0:23:04

Web worker - как распараллелить вычисления в JavaScript #easyit #js #javascript...

Web Workers в 0:04:06

Web Workers в JavaScript. Зачем нужены Веб Воркеры

Как промисифицировать Web 0:15:45

Как промисифицировать Web Worker в JavaScript

web worker in 0:00:32

web worker in JavaScript

JavaScript: Простой пример 0:19:19

JavaScript: Простой пример использования Web Worker

Service worker - 0:15:33

Service worker - управление обработкой запросов и кэшем JavaScript #easyit #js #javascript...

Web Worker в 0:09:16

Web Worker в React, Typescript, Webpack 5

Быстрый разбор SharedWorker 0:08:40

Быстрый разбор SharedWorker

Web worker vs 0:00:22

Web worker vs Promise (async)

#1 DOM в 0:18:29

#1 DOM в WebWorker? Как? - Многопоточность и DOM

Web workers in 0:01:32

Web workers in javascript

Как построить дом, 0:28:37

Как построить дом, если ты — веб-воркер? / Кирилл Чугаинов...

Web Workers in 0:22:51

Web Workers in Action - Performance Boost for Web Applications (2023)

JavaScript - Ejercicio 0:05:08

JavaScript - Ejercicio 593: Parte 1/2 Uso Web Workers para Contador Numérico en un Thread Diferente

JavaScript Web Workers: 0:08:46

JavaScript Web Workers: A Beginner's Guide

Web Workers are 0:00:49

Web Workers are awesome and here's why!!!!

Madrid JS. Octubre 1:13:18

Madrid JS. Octubre 2021. Trabajando con Web Workers

⎡dlgs:01⎦ JavaScript 3:08:11

⎡dlgs:01⎦ JavaScript Беседы: Service Worker-ы

Bojan Bozhinovski - 0:19:52

Bojan Bozhinovski - Easy WebWorkes with Comlink

Web workers in 0:15:01

Web workers in ReactJs | integrate web workers for CPU-intensive work | Optimizing React application

5.1 Как начать 0:07:50

5.1 Как начать работать с Service Workers

Can JavaScript Go 0:11:47

Can JavaScript Go Faster? Threading in JavaScript (Data Structures & Optimization)

#Frontend, Андрей Михайлов, 0:28:21

#Frontend, Андрей Михайлов, Service Workers. Стратегии применения

Способы распараллеливания тестов 0:58:47

Способы распараллеливания тестов в JavaScript. Александр Хотемский. JS Fest 2019 Spring...

Комментарии
Автор

Спасибо за классный материал, даже не думал о таком

Plushkarus
Автор

Спасибо большое. И предыдущий ролик про microTasks, macroTasks — и этот — были то что мне нужно. И что приятно английские названия вполне нормальные.
(Единственно к чему придерусь, уж простите — к опечатки в словах "default" - в файле webworker.js и "response" в index2.html на 12:37)

MA-channel
Автор

Очень крутое объяснение!
Спасибо за работу

Могли бы вы в комментах ответить какие самые частые use case'ы для использования этого инструмента могут встретиться в разработке приложения?

lovikuanyshev
Автор

А в чем разница в вынесении логики в веб воркер и в асинхронную функцию, промис?

mihinov
Автор

Спасибо за видео, толково разъяснили, но одно не понял где реализация метода postMessage() в методе answer ?

zergzerg
Автор

Разное время исполнения от того, что начальные условия не равны, вы же постоянно расширяете портянку текста, записывая её с множителем х5. 🤔

А так очень полезное видео, Автору огромная благодарность 👍👍👍

zuruastr
Автор

Дуже "тошно" розказуєш, по ділу але дуже занудно. Зміни темп і стиль подачі матеріалу, тоді твоя аудиторія сильно розшириться

ВолодимирК-рф