这门课讲的是原生 JavaScript 里那些"框架帮你做了、但你不一定说得清"的部分。事件机制、事件队列、图形绘制、数据交互,都是日常写业务代码时绕不开的场景:点击穿透、滚动卡顿、异步回调顺序乱、图表要自己画又不想引重型库。如果你现在的水平是"会用 jQuery 或 Vue,但遇到原生 API 就查文档",这门课正好卡在这个位置上。

它解决的是哪类具体问题

最典型的是事件这一块。很多人写监听只会 addEventListener 加个回调,一旦涉及事件派发、事件队列的执行顺序、移动端 touch 与 mouse 事件的冲突,就只能靠试。课程把事件基础拆开讲,再往事件队列和自定义派发上走,目的是让你能自己判断"这段代码为什么先执行、那个回调为什么晚了一拍"。另一块是图形与数据交互,偏向用原生手段做可视化呈现和前后端数据往来,不依赖框架封装。学完之后,你面对一个没有脚手架的页面、一个需要手写交互组件的小项目,不至于先想着装什么库。

适合什么基础,不建议谁看

前提是你能读懂基本的 DOM 操作、函数、闭包和 this 指向,写过至少一个完整页面。如果连事件绑定和数组遍历都还不熟,直接进来会卡在术语上,建议先把基础语法过一遍。反过来,如果你已经能熟练手写事件委托、清楚宏任务微任务的区别,这门课对你增量有限,可能只有图形和数据交互那部分值得挑着看。它的定位是补上"会用但不懂"的缺口,不是从零起步。

建议的看课顺序和练习方式

按事件基础、事件队列、图形、数据交互的顺序走比较稳,因为事件队列的理解依赖前面的事件模型。看的时候别只跟视频敲,源码课件放在手边对照,重点看它怎么组织监听与派发、怎么处理兼容分支。每看完一节,自己写一个最小例子复现同样的效果,比如手写一个能派发自定义事件的组件、用原生方式画一组会随数据变化的图形。练习不必大,但一定要脱离课件独立写一遍,否则很容易产生"看懂了"的错觉。数据交互部分建议配合一个真实的小接口来试,把请求、解析、渲染这条链路完整跑通一次。

整体来说,这是一门补底层认知的课,不是速成工具课。它的价值取决于你愿不愿意在练习上花时间——只看不写,收获会打不少折扣。

课程目录

第 1 部分152 集
  • 04 第三部分、事件与队列
  • 04 第三部分、事件与队列资料.png [493.5 KB] 一、事件基础1 vx642600657(上).mp4
  • [76.5 MB] 二、touch库,DOM事件派发,事件队列2.mp4
  • [80.0 MB] 一、事件基础2 (上).mp4
  • [73.2 MB] 一、事件基础1 vx642600657(中).mp4
  • [84.2 MB] 二、touch库,DOM事件派发,事件队列1(下).mp4
  • [91.8 MB] 二、touch库,DOM事件派发,事件队列4(中).mp4
  • [432.8 MB] 一、事件基础2(中).mp4
  • [77.8 MB] 二、touch库,DOM事件派发,事件队列4(上).mp4
  • [431.8 MB] 二、touch库,DOM事件派发,事件队列3(中).mp4
  • [245.8 MB] 二、touch库,DOM事件派发,事件队列1(中).mp4
  • [107.1 MB] 二、touch库,DOM事件派发,事件队列1(上).mp4
  • [75.7 MB] 二、touch库,DOM事件派发,事件队列3(上).mp4
  • [97.8 MB] 二、touch库,DOM事件派发,事件队列3(下).mp4
  • [943.8 MB] 📁
  • 06 第五部分、图形与动画
  • 06 第五部分、图形与动画说明.zip
  • [1.8 MB] 二、canvas封装、svg基础1(下).mp4
  • [89.3 MB] 二、canvas封装、svg基础4-1.mp4
  • [106.4 MB] 一、websocket数据通信、canvas基础3(下).mp4
  • [88.5 MB] 一、websocket数据通信、canvas基础4.mp4
  • [88.2 MB] 一、websocket数据通信、canvas基础3(中).mp4
  • [103.8 MB] 二、canvas封装、svg基础3-1(中).mp4
  • [92.6 MB] 一、websocket数据通信、canvas基础1(上).mp4
  • [99.7 MB] 一、websocket数据通信、canvas基础2(中).mp4
  • [77.2 MB] 二、canvas封装、svg基础1(上).mp4
  • [77.6 MB] 二、canvas封装、svg基础4-2.mp4
  • [64.2 MB] 二、canvas封装、svg基础2.mp4
  • [70.3 MB] 一、websocket数据通信、canvas基础3(上).mp4
  • [75.7 MB] 一、websocket数据通信、canvas基础1(中).mp4
  • [126.4 MB] 二、canvas封装、svg基础1(中).mp4
  • [88.5 MB] 二、canvas封装、svg基础3-1(上).mp4
  • [59.9 MB] 一、websocket数据通信、canvas基础2(上).mp4
  • [95.0 MB] 📁
  • 05 第四部分、数据交互与数据操作 二、数据操作4.mp4
  • [464.9 MB] 一、数据交互与异步操作1(上).mp4
  • [67.6 MB] 一、数据交互与异步操作1(中).mp4
  • [80.1 MB] 一、数据交互与异步操作4-1(中).mp4
  • [98.0 MB] 二、数据操作2.mp4
  • [914.9 MB] 二、数据操作3(中).mp4
  • [502.5 MB] 二、数据操作3(上).mp4
  • [407.7 MB] 一、数据交互与异步操作3(上).mp4
  • [142.6 MB] 一、数据交互与异步操作4-1(上).mp4
  • [84.2 MB] 一、数据交互与异步操作3(中).mp4
  • [99.3 MB] 二、数据操作1(上).mp4
  • [496.5 MB] 一、数据交互与异步操作1(下).mp4
  • [75.0 MB] 一、数据交互与异步操作4-2.mp4
  • [60.9 MB] 二、数据操作1(中).mp4
  • [732.7 MB] 二、数据操作3(下).mp4
  • [697.3 MB] 📁
  • 01 预备课-课前准备 【录播】预备课——课前准备-第2段.mp4
  • [115.5 MB] 【录播】预备课——课前准备-第1断上.mp4
  • [10.9 MB] 【录播】预备课——课前准备-第3段.mp4
  • [113.5 MB] 【录播】预备课——课前准备-第1段.mp4
  • [36.0 MB] 📁
  • 07 实战一、数据交互的封装与应用
  • 07 实战一、数据交互的封装与应用资料.png [493.5 KB] 一、webpack项目构建、axios核心框架1(下).mp4
  • [116.5 MB] 二、axios库、打包发布2(中).mp4
  • [127.5 MB] 一、webpack项目构建、axios核心框架1(中).mp4
  • [29.1 MB] 二、axios库、打包发布1(中).mp4
  • [124.5 MB] 二、axios库、打包发布1(上).mp4
  • [111.3 MB] 一、webpack项目构建、axios核心框架2 (下).mp4
  • [95.6 MB] 一、webpack项目构建、axios核心框架2(上).mp4
  • [53.3 MB] 一、webpack项目构建、axios核心框架1(上).mp4
  • [113.9 MB] 二、axios库、打包发布2(上).mp4
  • [106.3 MB] 📁
  • 02 第一部分、面向对象 一、面向对象基础1(下).mp4
  • [10.9 MB] 三、可响应对象1(中).mp4
  • [101.7 MB] 一、面向对象基础2(上).mp4
  • [97.8 MB] 二、面向对象与继承2(上).mp4
  • [476.6 MB] 一、面向对象基础1(上).mp4
  • [50.4 MB] 三、可响应对象2(中).mp4
  • [118.1 MB] 三、可响应对象1(上).mp4
  • [86.0 MB] 一、面向对象基础2(中).mp4
  • [83.8 MB] 一、面向对象基础1(中).mp4
  • [69.7 MB] 三、可响应对象2(上).mp4
  • [120.6 MB] 二、面向对象与继承1(中).mp4
  • [536.9 MB] 二、面向对象与继承1(上).mp4
  • [341.4 MB] 二、面向对象与继承2(中).mp4
  • [861.6 MB] 一、面向对象基础1-2.mp4
  • [54.1 MB] 📁 加课 加课必看.zip
  • [1.8 MB] 加课——阶段总结1-1(中).mp4
  • [655.7 MB] 加课——阶段总结3-1(中).mp4
  • [621.2 MB] 加课——阶段总结4(上).mp4
  • [598.8 MB] 加课——阶段总结1-2.mp4
  • [306.8 MB] 加课——阶段总结4(中).mp4
  • [782.3 MB] 加课——阶段总结1-1(上).mp4
  • [488.8 MB] 加课——阶段总结3-1(上).mp4
  • [321.1 MB] 加课——阶段总结2.mp4
  • [930.6 MB] 📁
  • 08 实战二、深入剖析MVVM框架
  • 08 实战二、深入剖析MVVM框架文档.png [493.5 KB] 加课4(上).mp4
  • [511.9 MB] 二、mvvm数据解析及指令1(中).mp4
  • [107.6 MB] 加课7(上).mp4
  • [563.2 MB] 二、mvvm数据解析及指令2(上).mp4
  • [108.1 MB] 一、mvvm框架基础4.mp4
  • [130.4 MB] 加课5,6(上).mp4
  • [348.8 MB] 五、mvvm数据嵌套、按需渲染1(中).mp4
  • [854.5 MB] 加课2(中).mp4
  • [825.3 MB] 四、for循环指令4(中).mp4
  • 四、for循环指令4(中)(1).mp4
  • [402.7 MB] 加课1(下).mp4
  • [871.5 MB] 二、mvvm数据解析及指令3(中).mp4
  • [89.1 MB] 五、mvvm数据嵌套、按需渲染1(下).mp4
  • [268.3 MB] 一、mvvm框架基础3(中).mp4
  • [127.7 MB] 加课5,6(中).mp4
  • [504.9 MB] 二、mvvm数据解析及指令2(中).mp4
  • [43.8 MB] 一、mvvm框架基础1(中).mp4
  • [93.6 MB] 四、for循环指令4(上)(1).mp4
  • [733.6 MB] 一、mvvm框架基础2.mp4
  • [83.8 MB] 加课3(上).mp4
  • [848.7 MB] 加课1(上).mp4
  • [1020.0 MB] 加课1(中).mp4
  • [750.9 MB] 加课3(中).mp4
  • [789.9 MB] 四、for循环指令3(下).mp4
  • [720.6 MB] 加课1(末).mp4
  • [744.4 MB] 加课3(下).mp4
  • [924.1 MB] 一、mvvm框架基础3(上).mp4
  • [86.2 MB] 四、for循环指令4(上).mp4
  • [5.2 KB] 三、mvvn指令与渲染1(上).mp4
  • [90.8 MB] 加课2(上).mp4
  • [714.5 MB] 二、mvvm数据解析及指令4.mp4
  • [73.4 MB] 二、mvvm数据解析及指令3(上).mp4
  • [88.5 MB] 一、mvvm框架基础1(下).mp4
  • [83.7 MB] 二、mvvm数据解析及指令3(下).mp4
  • [99.4 MB] 四、for循环指令3(上).mp4
  • [763.8 MB] 一、mvvm框架基础1(上).mp4
  • [78.8 MB] 三、mvvn指令与渲染1(下).mp4
  • [113.0 MB] 三、mvvn指令与渲染1(中).mp4
  • [89.6 MB] 加课4(下).mp4
  • [398.2 MB] 四、for循环指令1(中).mp4
  • [785.7 MB] 四、for循环指令3(中).mp4
  • [510.3 MB] 三、mvvn指令与渲染2.mp4
  • [114.4 MB] 加课7(中).mp4
  • [545.7 MB] 五、mvvm数据嵌套、按需渲染2.mp4
  • [1.4 GB] 四、for循环指令1(下).mp4
  • [829.4 MB] 五、mvvm数据嵌套、按需渲染1(上).mp4
  • [903.6 MB] 二、mvvm数据解析及指令1(上).mp4
  • [109.7 MB] 四、for循环指令1(上).mp4
  • [640.6 MB] 四、for循环指令2.mp4
  • [837.9 MB] 加课4(中).mp4
  • [478.6 MB] 加课5,6(下).mp4
  • [156.4 MB] 📁
  • 03 第二部分、DOM与虚拟DOM 二、初级虚拟DOM2-1.mp4
  • [337.4 MB] 一、DOM基础,初级DOM编译1(上).mp4
  • [78.0 MB] 二、初级虚拟DOM2-3.mp4
  • [266.6 MB] 一、DOM基础,初级DOM编译1(中).mp4
  • [73.6 MB] 三、周末加课(下).mp4
  • [70.9 MB] 一、DOM基础,初级DOM编译2(上).mp4
  • [115.6 MB] 三、周末加课(上).mp4
  • [75.8 MB] 三、周末加课(中).mp4
  • [96.2 MB] 二、初级虚拟DOM1(上).mp4
  • [361.2 MB] 二、初级虚拟DOM1(中).mp4
  • [508.3 MB] 二、初级虚拟DOM2-2.mp4
  • [863.4 MB] 一、DOM基础,初级DOM编译2(中).mp4
  • [131.2 MB] 智能社高级JS课件.exe [5.8 MB] 适合人群 有一定基础的JavaScript开发者 希望提升前端开发技能的工程师 学习收获 熟练掌握原生JavaScript高级特性 提升前端开发能力 应对复杂的前端开发任务 祝您学习愉快! 学有所成,前程似锦!