扫清 JS 底层认知盲区

许多学习者卡在 JavaScript 上,往往是因为只记住了语法,却不懂代码执行的底层逻辑。这门课专门针对“看懂但不会写”的痛点,从二进制原理讲起,带你理清计算机如何运行程序。课程核心在于剖析作用域、闭包、原型链以及代码执行的时序机制。如果你还在为闭包到底怎么用、同步异步如何切换而困惑,这部分内容能帮你打通任督二脉。建议先观看关于计算机基础与二进制的前置章节,建立正确的思维模型,再进入闭包与时间循环机制的深入学习。

攻克函数难点与异步编程

在掌握基础机制后,课程将深入函数细节,这是 JS 进阶的必经之路。内容涵盖函数参数的灵活传递、arguments 对象的使用技巧,以及 call、apply、bind 这三个改变函数作用域的神器。紧接着会系统讲解同步与异步的区别,并揭示事件循环机制。这部分内容难度较大,但也是前端工程师的必备技能。学完此处,你应该能独立分析代码执行顺序,理解回调地狱的成因,并熟练运用 Promise 或回调函数处理异步任务,不再被阻塞代码吓退。

Node.js 实战与资料配套策略

最后,课程将视角从浏览器端延伸至 Node.js 服务端,实现真正的“全栈”前端能力。你将学习如何在 Node 环境下处理字符串、对象,进行数学计算以及时间格式化操作。资料包中的源码与练习视频是最佳辅助工具,切勿只看视频不动手。建议采用“看一节原理,练一节代码”的节奏,利用综合练习环节自测成果。学完这门课,你应能独立搭建简单的 Node.js 服务器,编写可运行的后端脚本,并具备调试复杂代码的能力。请务必对照资料包中的源码自行复现,只有亲手敲下每一行代码,才能真正内化这些核心机制。

课程目录

源码
1-宣导片:如何拿下JavaScript?.mp4  57.33M
10-需要安装的几个软件.mp4  26.96M
100-字符串相关方法.mp4  46.82M
101-对象的使用小技巧.mp4  27.63M
102-原型与原型对象总结.mp4  38.66M
103-第八章综合练习.mp4  79.15M
104-再聊作用域.mp4  44.36M
105-代码执行的背后.mp4  148.11M
106-什么是闭包.mp4  68.42M
107-闭包的意义与作用.mp4  94.88M
108-【练习讲解】闭包的意义与作用.mp4  3.94M
109-什么是递归.mp4  61.03M
11-计算机 编程语言 程序.mp4  33.31M
110-【练习讲解】什么是递归.mp4  4.04M
111-神奇的call apply bind.mp4  50.16M
112-同步与异步.mp4  67.33M
113-【练习讲解】同步与异步.mp4  3.14M
114-初识时间循环机制.mp4  69.90M
115-for循环的闭包问题.mp4  80.31M
116-函数的arguments.mp4  87.64M
117-【练习讲解】函数的arguments.mp4  16.78M
118-函数参数的其他细节.mp4  59.71M
119-第九章综合练习一.mp4  132.44M
12-绕不开的二进制.mp4  32.46M
120-第九章综合练习二.mp4  73.26M
121-JS中的数学计算.mp4  70.61M
122-【练习讲解】JS中的数学计算.mp4  14.86M
123-在JS中使用时间.mp4  115.82M
124-【练习讲解】在JS中使用时间.mp4  8.93M
125-认识下模板字符串.mp4  53.27M
126-基本错误类型与throw.mp4  45.87M
128-认识下try catch.mp4  27.96M
13-【练习讲解】绕不开的二进制.mp4  18.42M
130-运算符的优先级.mp4  50.91M
131-第十章综合练习.mp4  89.18M
132-初识DOM.mp4  121.61M
133-深入了解DOM.mp4  70.81M
134-DOM的类型与继承关系.mp4  152.76M
135-【练习讲解】DOM的类型与继承关系.mp4  36.46M
136-DOM元素的获取 一.mp4  113.72M
137-DOM元素的获取 二.mp4  71.92M
138-【练习讲解】DOM元素的获取.mp4  24.75M
139-DOM元素的修改.mp4  133.44M
14-数据单位那些事.mp4  36.35M
140-【练习讲解】DOM元素的修改.mp4  31.57M
141-DOM创建 添加与删除.mp4  87.39M
143-DOM的一些补充.mp4  104.73M
144-【练习讲解】DOM的一些补充.mp4  8.92M
146-第十一章综合练习.mp4  124.81M
147-认识DOM事件.mp4  121.03M
148-【练习讲解】认识DOM事件.mp4  17.25M
149-重要的事件对象.mp4  111.00M
150-【练习讲解】重要的事件对象.mp4  4.24M
151-事件流机制.mp4  155.40M
152-【练习讲解】事件流机制.mp4  9.09M
153-巧妙的事件委托.mp4  84.51M
154-【练习讲解】巧妙的事件委托.mp4  19.12M
155-实现交互动画的基本逻辑.mp4  161.85M
156-了解下有哪些事件.mp4  120.66M
158-第十二章综合练习二.mp4  123.24M
159-一点必要的补充.mp4  108.39M
16-聊一聊浏览器.mp4  29.04M
160-案例一 实现元素的样式改变.mp4  87.15M
161-案例一 实现元素的添加.mp4  42.47M
162-案例一 实现整体的拖拽.mp4  75.93M
163-案例一 实现拖拽排序功能一.mp4  120.76M
164-案例一 实现拖拽排序功能二.mp4  94.27M
165-案例二 实现点击切换.mp4  89.53M
166-鼠标点击事件部分总结.mp4  99.39M
167-滚动相关事件属性方法一.mp4  123.31M
168-滚动相关事件属性方法二.mp4  51.69M
169-案例三 wheel滚轮事件交互一.mp4  104.22M
17-什么是变量.mp4  50.19M
170-案例三 wheel滚轮事件交互二.mp4  86.25M
171-案例四 scroll页面滚动事件交互一.mp4  136.65M
172-案例四 scroll页面滚动事件交互二.mp4  69.44M
173-案例四 scroll页面滚动事件交互三.mp4  97.84M
174-案例四 scroll页面滚动事件交互四.mp4  91.86M
175-了解交叉观察器.mp4  172.96M
176-鼠标移入移出事件.mp4  52.33M
177-案例五 鼠标进出与观察器.mp4  165.00M
178-交互动效阶段小总结.mp4  51.79M
18-如何使用变量.mp4  60.29M
181-案例六 实现待办事项一.mp4  70.24M
182-案例六 实现待办事项二.mp4  60.48M
183-案例六 实现待办事项三.mp4  93.82M
184-案例六 实现待办事项四.mp4  57.44M
186-案例六 实现待办事项六.mp4  118.10M
187-案例七 实现图片点击放大.mp4  121.04M
188-交互实现简单阶段总结.mp4  41.28M
189-移动端的开发调试.mp4  75.55M
19-【练习讲解】如何使用变量.mp4  4.68M
190-移动端的一些问题.mp4  65.64M
191-了解touch事件.mp4  192.02M
193-案例八 旋转滑动卡片二.mp4  175.92M
194-案例八 旋转滑动卡片三.mp4  100.64M
195-案例九 卡片触摸翻转.mp4  132.82M
196-认识移动端设备事件.mp4  60.49M
197-了解浏览器常用事件.mp4  96.28M
198-实现截流与防抖.mp4  87.59M
2-课程完整目录网站.mp4  25.14M
20-垃圾回收机制.mp4  15.66M
200-JS实现灵活动画.mp4  32.94M
201-交互与动效总结.mp4  29.05M
202-异步代码的问题.mp4  87.49M
203-初识promise.mp4  59.67M
204-原型上的then方法.mp4  228.00M
205-【练习讲解】原型上的then方法.mp4  9.73M
206-promise的其他方法.mp4  68.26M
207-好用的async await.mp4  75.64M
208-深入事件循环机制一.mp4  103.63M
209-深入事件循环机制二.mp4  58.00M
21-初识基本数据类型.mp4  63.80M
210-第十五章综合练习一.mp4  58.86M
211-第十五章综合练习二.mp4  50.91M
212-IP 域名 端口.mp4  101.91M
213-子网和子网掩码.mp4  93.63M
214-了解数据的传输.mp4  64.01M
215-建立连接.mp4  109.10M
216-服务器工作机制.mp4  53.70M
218-了解http协议.mp4  43.43M
219-请求报文与响应报文.mp4  105.27M
22-基本数据类型与内存.mp4  35.86M
220-第十六章总结和补充.mp4  65.31M
221-了解JSON与相关方法.mp4  135.23M
222-认识api并模拟一下.mp4  60.42M
223-经典的ajax 一.mp4  104.74M
224-经典的ajax 二.mp4  95.25M
225-不是饼干的cookie.mp4  116.18M
226-好用的fetch.mp4  107.75M
227-什么是跨域.mp4  78.48M
229-传统引入代码的方式.mp4  86.42M
23-【练习讲解】基本数据类型与内存.mp4  6.27M
230-ES标准的模块化.mp4  85.53M
231-了解更多的模块化.mp4  55.14M
232-学习使用Lottie.mp4  112.68M
233-第十八章综合练习一(有交互案例).mp4  110.14M
234-第十八章综合练习二.mp4  75.72M
236-Canvas绘制的基本逻辑二.mp4  74.03M
237-Canvas绘制的基本逻辑三.mp4  53.85M
238-Canvas绘制的基本逻辑四.mp4  83.12M
239-【练习讲解】绘制的基本逻辑.mp4  82.58M
240-案例 实现签字板效果.mp4  48.50M
241-绘制坐标系的变化.mp4  66.69M
242-绘制状态的存取.mp4  47.52M
243-案例 绘制一个会动的钟 一.mp4  59.67M
244-案例 绘制一个会动的钟 二.mp4  52.99M
245-用图片来绘制.mp4  51.73M
246-案例 苹果官网耳机效果一.mp4  65.25M
247-案例 苹果官网耳机效果二.mp4  44.26M
248-像素处理功能.mp4  97.48M
249-案例 实现一个拾色器.mp4  43.79M
25-【练习讲解】初识对象.mp4  7.23M
250-Canvas补充与总结.mp4  94.48M
251-什么是BOM.mp4  42.82M
253-History是什么.mp4  43.01M
254-Navigator和Screen.mp4  39.71M
255-综合项目阶段介绍与相关提示.mp4  87.39M
256-学习jQuery的基本使用.mp4  125.73M
257-学习Paperjs的基本使用 一.mp4  87.32M
258-学习Paperjs的基本使用 二.mp4  50.40M
259-学习GSAP的基本使用 一.mp4  72.12M
26-对象与内存.mp4  71.15M
260-学习GSAP的基本使用 二.mp4  59.07M
261-学习使用animate.css.mp4  55.54M
262-通过JS实现视频与音频控制.mp4  87.87M
263-鼠标效果的跟随外圆.mp4  77.08M
265-首页-第一部分的基础结构.mp4  66.30M
266-首页-第一部分-导航栏区域样式与交互一.mp4  68.24M
267-首页-第一部分-导航栏区域样式与交互 二.mp4  93.49M
268-首页-第一部分-文字部分的样式与交互.mp4  52.16M
269-首页-第一部分-图片部分的样式与交互.mp4  63.23M
27-【练习讲解】对象与内存.mp4  17.75M
270-首页-第二部分-基本结构.mp4  94.18M
271-首页-第二部分-样式与交互一.mp4  99.83M
272-首页-第二部分-样式与交互二.mp4  81.45M
273-首页-第三部分-基本结构.mp4  46.23M
274-首页-第三部分-样式与交互.mp4  79.02M
276-首页-页面初始化效果.mp4  47.89M
277-首页-主题样式切换效果一.mp4  75.72M
278-首页-主题样式切换效果二.mp4  62.54M
279-首页-响应式 自适应处理一.mp4  91.14M
28-语句中的表达式.mp4  28.33M
280-首页-响应式 自适应处理二.mp4  71.68M
281-首页-移动端化处理.mp4  81.27M
282-其他页面访问地址逻辑.mp4  45.37M
283-moreworks 页面文件组织逻辑.mp4  70.88M
284-gsap-scrollTrigger插件使用一.mp4  66.67M
285-gsap-scrollTrigger插件使用二.mp4  69.29M
286-moreworks页面-交互逻辑实现一.mp4  103.07M
287-moreworks页面-交互逻辑实现二.mp4  103.54M
288-其他页面与重要知识点补充.mp4  77.90M
289-网站部署上线核心要点.mp4  70.84M
29-【练习讲解】语句中的表达式.mp4  4.23M
290-项目上线前优化要点 一.mp4  70.60M
291-项目上线前优化要点 二.mp4  93.88M
292-最快部署方式第一部分.mp4  66.12M
294-腾讯云的快速部署方式.mp4  31.02M
295-pixijs是什么.mp4  105.29M
296-基本逻辑与初舞台搭建.mp4  84.14M
297-元素准备与上场.mp4  101.53M
298-绘制文字元素.mp4  48.87M
299-绘制基本图形元素.mp4  45.65M
3-课程常见问题汇总.mp4  5.14M
30-基本的运算符.mp4  43.86M
300-元素基本设置一.mp4  106.30M
301-元素基本设置二.mp4  34.96M
302-元素动态变化一.mp4  70.49M
303-元素动态变化二.mp4  53.19M
304-元素沿某个角度移动.mp4  46.66M
305-元素碰到边界改变方向.mp4  58.91M
306-内置滤镜的使用.mp4  96.74M
307-外部滤镜的使用.mp4  49.58M
308-项目二基本介绍.mp4  39.09M
31-【练习讲解】基本的运算符.mp4  11.52M
310-加载场景-实现眨眼的彩虹星星.mp4  110.18M
311-加载场景-实现加载进度条.mp4  56.25M
312-加载场景-文字处理.mp4  105.23M
313-游戏场景-实现彩虹滚动标题.mp4  85.76M
314-游戏场景-标题的其余部分.mp4  39.21M
315-游戏场景-实现散布的小元素.mp4  50.45M
316-游戏场景-用继承方式改造.mp4  117.38M
317-游戏场景-实现挡板元素.mp4  88.02M
318-游戏场景-金色星星与开始按钮.mp4  52.83M
319-游戏控制-实现一个管理资源加载的类型.mp4  147.45M
32-比较运算符和隐式类型转换.mp4  75.24M
320-游戏控制-改造数据传递和创建控制类型.mp4  74.10M
321-游戏控制-实现加载进度条和数据加载联动.mp4  68.26M
322-游戏控制-加载场景消失与游戏场景出现.mp4  103.81M
323-游戏控制-游戏正式开始后元素落位.mp4  83.61M
324-游戏控制-挡板的拖拽与缩短功能.mp4  100.84M
325-游戏控制-小元素的出现逻辑实现.mp4  65.36M
326-游戏控制-实现碰撞改变方向和挡板逻辑.mp4  126.04M
327-游戏控制-游戏计分和游戏结束的基本实现.mp4  72.01M
328-游戏控制-项目声音添加与简单移动端处理.mp4  126.98M
329-项目二补充与总结.mp4  66.95M
33-【练习讲解】比较运算符和隐式类型转换.mp4  12.74M
330-属性描述符一 数据属性.mp4  51.84M
331-属性描述符二 访问器属性.mp4  75.58M
332-新的原始值类型 - Symbol.mp4  48.39M
333-新的数据结构 - Map和Set.mp4  78.93M
335-了解定型数组二.mp4  65.66M
336-再聊聊类数组.mp4  25.26M
337-什么是迭代器.mp4  94.95M
339-生成器与迭代器结合.mp4  32.06M
34-有点奇妙的逻辑运算符.mp4  53.97M
340-代理与反射.mp4  91.80M
341-高阶函数 - 函数科里化.mp4  43.75M
342-高阶函数 - AOP编程.mp4  20.49M
344-了解webWorker.mp4  45.08M
345-正则表达式一.mp4  100.72M
346-正则表达式二.mp4  96.99M
347-关于这一章.mp4  40.05M
348-表单数据处理与剪贴板.mp4  36.34M
349-浏览器的资源缓存与加载.mp4  57.58M
35-【练习讲解】有点奇妙的逻辑运算符.mp4  11.75M
350-代码注释与JSDOC.mp4  24.28M
351-如果你想写个库.mp4  25.73M
352-后续可以学什么 一.mp4  57.22M
353-后续可以学什么 二.mp4  69.57M
354-了解React和Vue几个重要概念.mp4  74.75M
355-一些前端工具及名词介绍.mp4  49.19M
356-关于后端学习的说明.mp4  38.04M
357-重新认识操作系统.mp4  81.98M
358-什么是shell.mp4  41.23M
36-三元及其他运算符.mp4  38.39M
360-[windows系统必看]WSL 安装 linux.mp4  40.16M
361-shell-基本用法和常见命令 一.mp4  80.97M
362-shell-基本用法和常见命令 二.mp4  110.45M
363-shell-用vim编辑文件.mp4  84.21M
364-Linux-文件系统与权限管理一.mp4  119.99M
365-Linux-文件系统与权限管理二.mp4  119.42M
367-Linux-深入了解进程 二.mp4  41.61M
368-shell-重要的配置文件.mp4  95.77M
369-shell-程序安装与使用 一.mp4  73.44M
37-【练习讲解】三元及其他运算符.mp4  6.37M
370-shell-程序安装与使用 二.mp4  58.02M
371-shell-其他常用命令与工具.mp4  66.31M
372-shell-macOS的终端和shell美化与配置一.mp4  87.50M
373-shell-macOS的终端和shell美化与配置二.mp4  69.90M
374-shell-[windows] WSL shell 配置与美化一.mp4  114.85M
375-shell-[windows] WSL shell 配置与美化二.mp4  136.59M
376-shell-[windows]不使用WSL shell配置与美化.mp4  116.29M
377-初识Nodejs.mp4  86.31M
379-NPM与包管理二.mp4  75.88M
38-流程控制语句 if else.mp4  31.86M
380-学会使用Vite.mp4  128.16M
381-Nodejs学习前准备.mp4  100.43M
382-实现简单的端口监听.mp4  161.75M
383-Nodejs读取文件并发送 一.mp4  70.34M
384-Nodejs读取文件并发送 二.mp4  109.11M
385-浏览器端JS接收数据与处理 一.mp4  75.92M
386-浏览器端JS接收数据与处理 二.mp4  89.86M
387-了解FS模块的其他方法.mp4  103.25M
388-实现一个简单的网站服务器功能.mp4  75.70M
389-了解文件的编码方式与扩展名.mp4  108.36M
39-【练习讲解】流程控制语句 if else.mp4  13.26M
390-nodejs接收数据并处理 一.mp4  59.25M
391-nodejs接收数据并处理 二.mp4  98.91M
392-nodejs接收数据并处理 三.mp4  54.86M
395-jsonP的跨域逻辑实现.mp4  39.29M
396-服务器发请求 & API开发  & SDK.mp4  93.35M
397-Nodejs的框架们 - express等.mp4  113.24M
398-了解数据库.mp4  47.79M
399-CMS & 支付 & 注册登录 - 实现逻辑.mp4  93.13M
40-switch case 也可以.mp4  16.07M
400-Nodejs的事件循环机制.mp4  21.40M
401-了解Stream.mp4  75.22M
402-其他补充的知识.mp4  62.77M
403-现代化的微服务-云函数.mp4  14.22M
404-云服务器的选择与购买.mp4  30.88M
405-云服务器的登录.mp4  40.53M
406-云服务器的简单配置.mp4  24.37M
407-移植本地开发功能到服务器上.mp4  40.35M
408-nginx实现网站服务器功能.mp4  69.98M
409-nginx实现https访问.mp4  25.04M
41-【练习讲解】switch case 也可以.mp4  7.86M
410-nginx与NodejsAPI配合.mp4  39.73M
411-可能会用到的云服务们.mp4  51.71M
412-使用服务器要注意的问题.mp4  30.28M
413-Git基本工作逻辑.mp4  43.21M
414-Git的基本操作.mp4  98.70M
415-Git分支的操作.mp4  108.31M
416-Git和Github协作.mp4  83.67M
417-如何参与开源项目.mp4  19.98M
418-Git分支管理项目开发演示.mp4  75.98M
419-Element面板.mp4  199.70M
42-重复机器-for循环语句.mp4  28.76M
420-Console面板.mp4  32.01M
421-Source面板.mp4  87.65M
422-Network面板.mp4  62.13M
423-其他面板.mp4  29.30M
424-浏览器的渲染机制.mp4  36.14M
425-了解web component.mp4  23.36M
426-DOM的遍历API.mp4  9.65M
427-了解JS中的位运算.mp4  6.87M
428-eval和with.mp4  6.64M
429-设计与开发的对接.mp4  51.96M
43-跳出循环与循环嵌套.mp4  39.99M
431-课程完结寄语.mp4  9.56M
44-【练习讲解】for循环.mp4  14.33M
45-其他循环与遍历.mp4  35.83M
46-【练习讲解】其他循环与遍历.mp4  16.43M
47-第五章综合练习一.mp4  57.00M
48-第五章综合练习二.mp4  70.36M
49-初识函数.mp4  39.43M
5-课程部分案例效果展示.mp4  24.29M
50-【练习讲解】初识函数.mp4  14.62M
51-函数的参数.mp4  57.00M
52-【练习讲解】函数的参数.mp4  36.29M
53-函数的返回值.mp4  52.93M
54-【练习讲解】函数的返回值.mp4  19.86M
55-定义函数的几种方式.mp4  34.37M
56-【练习讲解】定义函数的几种方式.mp4  6.79M
57-初识作用域与作用域链.mp4  49.13M
58-【练习讲解】初识作用域与作用域链.mp4  8.27M
59-几种作用域与声明提升.mp4  23.22M
6-两个综合项目介绍.mp4  9.49M
60-认识let和const.mp4  37.71M
61-【练习讲解】认识let和const.mp4  3.91M
62-全局对象与this.mp4  52.97M
63-【练习讲解】全局对象与this.mp4  14.08M
64-神奇的构造函数.mp4  46.11M
65-【练习讲解】神奇的构造函数.mp4  20.16M
66-函数也是对象.mp4  18.18M
67-构造函数与类型.mp4  28.19M
68-匿名函数与立即执行函数.mp4  19.54M
69-补充作用域与作用域链.mp4  16.24M
7-JS是什么,能干什么?.mp4  47.36M
70-第六章综合练习一.mp4  118.50M
71-第六章综合练习二.mp4  78.91M
72-什么是数组.mp4  73.40M
73-【练习讲解】什么是数组.mp4  15.20M
74-修改数组的方法们一.mp4  74.40M
75-【练习讲解】修改数组的方法们一.mp4  19.27M
77-【练习讲解】修改数组的方法们二.mp4  19.76M
78-迭代数组的方法们一.mp4  112.78M
79-【练习讲解】迭代数组的方法们一.mp4  14.69M
8-课程内容结构介绍.mp4  14.19M
81-【练习讲解】迭代数组的方法们二.mp4  26.18M
83-【练习讲解】数组排序的方法们.mp4  10.57M
84-索引相关的方法们.mp4  63.17M
85-【练习讲解】索引相关的方法们.mp4  38.03M
86-其他的方法们.mp4  53.21M
87-for of与可迭代对象.mp4  26.90M
88-数组方法们的总结.mp4  44.52M
89-第七章综合练习一.mp4  98.36M
9-课程学习指南.mp4  54.04M
90-第七章综合练习二.mp4  76.10M
91-构造函数与原型.mp4  113.62M
92-【练习讲解】构造函数与原型.mp4  4.99M
93-定义类型的新方式 class.mp4  45.57M
94-【练习讲解】定义类型的新方式 class.mp4  13.55M
95-类型的继承 extends.mp4  88.81M
96-【练习讲解】类型的继承 extends.mp4  12.87M
97-从原型到原型链.mp4  133.52M
98-Object相关的方法们.mp4  82.01M
99-特别的包装类型.mp4  39.97M
——/B站-好奇代码的三木-Javascript+Nodejs全栈前端全能课/├──源码  |   └──源码.exe  218.18M├──1-宣导片:如何拿下JavaScript?.mp4  57.33M├──1 rk0451-B站-好奇代码的三木-Javascript+Nodejs全栈前端全能课【VIP专享】