资源介绍
视频数量：24个
总时长：1小时54分
课程介绍：
JavaScript网页工作线程可视化精讲：从原理到实战的速成课
你有没有遇到过这种情况：写了一段逻辑没毛病的JavaScript代码，浏览器却卡成了幻灯片？用户拖动滚动条时页面一顿一顿的，点按钮半天没反应，查了半天发现罪魁祸首是一个计算量特别大的循环。这时候老板还问你，为什么JavaScript不能像别的程序一样多线程跑？这门课，就是来正面回答这个问题的。
一、拆开JavaScript的运行机制
很多人学JavaScript，第一节课就被告知它是单线程的，然后就跳过了。但单线程到底意味着什么？为什么浏览器跑你的代码时会卡？这门课不打算放过这些基础问题。
课程会带你拆开JavaScript的运行时环境，看看代码在浏览器和Node.js里分别是怎么跑起来的。然后用一个特别形象的比喻——把调用栈想象成一摞食堂的托盘——来解释同步操作是怎么执行的。你会看到每一行代码被压入栈、执行、再弹出的完整过程，以及为什么当这摞托盘堆得过高时，整个程序就动弹不得了。
这一部分还会用真实的代码示例，分别在浏览器和Node.js中跑一遍，让你直观感受到两种运行时的差异。看完之后你会发现，原来JavaScript"同时做多件事"这件事，并没有想象中那么简单。
二、线程、CPU核心、并发与并行
搞清楚单线程之后，下一步是理解多线程。但这里有个很多人栽过的坑：并发和并行根本不是一回事。
课程会用大量图表来讲清楚两者的区别——作者本人反复强调"图片胜于千言万语"。你会学到线程到底是什么、线程和CPU核心是什么关系、JavaScript是如何通过异步操作在单线程模型下"模拟"出并发的。配合前面学到的调用栈知识，整个运行时的工作流程会被完整地串起来。
更重要的是，课程专门用一整节课来讲"什么时候该用Web Workers，什么时候不该用"。比如fetch这种网络请求，看起来像是可以多线程处理的，实际上CPU核心根本帮不上忙——网络请求是等服务器响应，不是在CPU上做计算，强行开线程反而是浪费。真正适合Web Workers的是CPU密集型任务，比如复杂数学运算、大规模数据处理、图片滤镜渲染这类工作。
三、浏览器端Web Workers实战
理论铺垫足够之后，进入实战环节。
课程带你从零搭建一个Web Worker。你会学到怎么用new Worker创建实例、怎么用postMessage在主线程和Worker之间传递消息、Worker内部的self关键字是怎么工作的，以及self.close和worker.terminate这两种关闭方式各适用于什么场景。
这里有一个特别容易踩的坑：很多人想当然地以为Worker能直接访问主线程的全局变量，结果写出一堆莫名其妙的bug。课程会专门讲清楚主线程和Worker之间的变量隔离机制，让你从根本上理解为什么Worker"看不见"外面的变量。
每节课都配有代码示例和动态图表演示，不是光给你罗列API，而是把每一步操作背后发生的事画出来给你看。
四、Node.js中的Worker Threads
浏览器里有Web Workers，服务端这边Node.js也有自己的worker_threads模块，但两者的用法有不少区别。
课程会带你搭建一个Node服务端项目，先不用Worker，看CPU密集型任务在单线程下跑得有多慢。然后引入worker_threads模块，把任务拆给多个Worker并行处理，再回头对比性能差异。
你还会学到怎么在Node中创建Worker类、为什么在Node里必须用import语句引入Worker而浏览器里不用、怎么重构代码让任务均匀分配给各个Worker。最后用一段完整的测试代码，让你亲眼看到多Worker并行处理的威力——CPU利用率的变化会一目了然。
五、谁适合看这门课
如果你是前端开发者，遇到过页面卡顿但不知道怎么排查原因，这门课能帮你从底层理解问题的根源。如果你是Node.js后端开发者，写过CPU密集型的服务但不知道怎么优化并发，这门课同样能帮上忙。
不需要你有多年JavaScript经验，只要写过基础代码、理解变量、函数、异步这些概念，就能跟上节奏。但如果你已经是经验丰富的工程师，想要查漏补缺，这门课对运行时、调用栈、并发模型这些基础概念的细致梳理，也能帮你把零散的知识串成体系。
课程结束的时候，你能带走的不仅仅是一套Web Workers的API用法，而是一套完整的JavaScript运行机制认知。下次再遇到性能瓶颈，你不会盲目地去试各种优化手段，而是能准确判断问题出在哪、该用什么方案、为什么这个方案有效。