珠峰培训js从基础到核心原理到项目实战全套视频课

前端开发

课程简介

定位与解决的具体痛点这套视频课聚焦 JavaScript 从语言基础到高级应用的全链路打通，专门解决初学者“只会写代码片段，无法独立构建完整业务”的断点问题。很多学习者卡在 DOM 操作与 jQuery 封装的中间地带，导致后续学习 Promise、Ajax 封装时缺乏底层支撑。本套资料通过系统梳理数据类型、作用域、闭包等核心原理，并结合商城排序、购物车…

已有 0 人浏览发布 2026-10-24 更新 2026-10-24

定位与解决的具体痛点

这套视频课聚焦 JavaScript 从语言基础到高级应用的全链路打通，专门解决初学者“只会写代码片段，无法独立构建完整业务”的断点问题。很多学习者卡在 DOM 操作与 jQuery 封装的中间地带，导致后续学习 Promise、Ajax 封装时缺乏底层支撑。本套资料通过系统梳理数据类型、作用域、闭包等核心原理，并结合商城排序、购物车计算、轮播图插件等经典案例，帮助学员建立从“理解机制”到“复用逻辑”的思维闭环。它不追求罗列所有新框架语法，而是深挖传统前端技术中那些被反复考问、在面试和实际开发中依然高频出现的底层逻辑，适合希望夯实基础、准备应聘初中级前端岗位或急需补强老代码维护能力的从业者。

适用基础与建议学习路径

适合具备基本 HTML/CSS 知识，能看懂简单 JavaScript 语法但缺乏系统训练的用户。不建议零基础直接啃源码，建议先集中观看数据类型详解、null 与 undefined 区别、正则表达式应用等基础章节，建立语言直觉。随后进入 DOM 操作模块，重点掌握 offset 系列、client 系列及 getComputedStyle 的用法，这是处理布局与交互的基石。在此基础上，深入 jQuery 源码解读，理解扩展机制与实例对象原理，再结合商城排序、商品筛选等综合案例动手复现。最后攻克 Promise 链与 Ajax 封装，通过 CRM 客户管理系统的实战，将异步处理与数据持久化串联起来。若时间紧迫，可优先攻克“综合面试题讲解”与“Ajax 库封装”两块，直接提升技术深度。

学完后的独立产出能力与配合练习

完成这套课程后，你应能独立编写健壮的 DOM 交互脚本，手动封装基于 jQuery 或原生的 Ajax 请求库，并理解 Promise 的 then/catch/finally 链条在实际项目中的容错处理。你具备的能力包括：独立实现带状态管理的购物车逻辑、基于单例模式的业务骨架搭建、以及带有表单校验的 CRM 系统增删改查功能。这些不是背诵模板，而是经过源码级理解的技能迁移能力。资料配合练习时，切勿只看不练。建议每看完一个 DOM 操作或 jQuery 案例，立刻关闭视频，在本地环境重新实现一遍，重点调试浏览器控制台日志，观察数据流向。对于 Promise 和 Ajax 部分，尝试将代码重构为无第三方依赖的纯原生实现，再对比差异。这种“先复现、再重构、最后看源码”的三步法，能将视频中的知识真正内化为你解决工作中具体 bug 或设计新功能时的底气，避免陷入“看懂了但写不出来”的困境。

课程目录

P16-BOOLEAN布尔数据类型详解.mp4 [34.9 MB]
P186综合面试题讲解2-8【公重号：CunWorkNotes】.mp4 [11.8 MB]
P183综合面试题讲解2-5.mp4 [41.1 MB]
P180综合面试题讲解2-2【持续更新‖免费提供：CunworknoteS】.mp4 [27.4 MB]
P172-95-JQ综合案例-商城排序-基于单例模式构建业务骨架【公重号：CunWorkNotes】.mp4 [46.4 MB]
P179综合面试题讲解2-1【公重号：CunWorkNotes】.mp4 [40.4 MB]
P164-87-DOM操作-获取元素的样式（getComputedStyle）【更多精选‖公众号：CunWorknotes】 .mp4 [40.2 MB]
P163-86-DOM操作-offset系列（获取元素的偏移值）【更多精选‖公众号：CunWorknotes】 .mp4 [130.5 MB]
P178-101-JQ综合案例-商品筛选（纯数据驱动）.mp4 [128.3 MB]
P169-92-JQUERY源码解读-JQ的基本概括（EACH、IS-ARRAY-LIKE）.mp4 [133.0 MB]
P174-97-JQ综合案例-商城排序-实现排序效果【更多精选‖公众号：CunWorknotes】 .mp4 [95.1 MB]
P170-93-JQUERY源码解读-JQ实例对象.mp4 [130.9 MB]
P159-82-DOM操作-常用操作元素的属性和方法.mp4 [59.8 MB]
P175-98-JQ综合案例-购物车计算-主体思路.mp4 [46.6 MB]
P177-100-JQ综合案例-购物车计算-数据驱动视图渲染.mp4 [98.7 MB]
P161-84-DOM操作-client系列（实现居中的多种办法）.mp4 [91.0 MB]
P184综合面试题讲解2-6.mp4 [32.8 MB]
P176-99-JQ综合案例-购物车计算-最终效果【公重号：CunWorkNotes】.mp4 [87.6 MB]
P181综合面试题讲解2-3【资源精选‖更多关注：CunworkNotes】.mp4 [90.2 MB]
P17-null和undefined的区别【整理不易‖记得关注：CunWorKNotes】.mp4 [25.1 MB]
P171-94-JQUERY源码解读-JQ中的EXTEND.mp4 [57.9 MB]
P165-88-DOM操作-单张图片延迟加载.mp4 [141.6 MB]
P160-83-DOM操作-复习CSS中盒子模型属性.mp4 [54.9 MB]
P154-77-正则表达式之获取最多出现的字母.mp4 [61.8 MB]
P320-28-复习PROMISE和AXIOS中的重点知识.mp4 [127.7 MB]
P322-30-封装PROMISE版AJAX库2【持续更新‖免费提供：CunworknoteS】.mp4 [191.0 MB]
P22-阿里的一道引发血案的面试题【公重号：CunWorkNotes】.mp4 [53.6 MB]
P310-18-倒计时抢购案例.mp4 [84.0 MB]
P314-22-PROMISE的基础知识2：THEN、CATCH、FINALLY【资源精选‖更多关注：CunworkNotes】.mp4 [76.9 MB]
P315-23-PROMISE的基础知识3：THEN链.mp4 [106.2 MB]
P23-数据类型检测.mp4 [62.7 MB]
P317-25-PROMISE的应用：纠正内置RACE方法.mp4 [8.8 MB]
P324-32-CRM客户管理系统：本地存储和服务器存储.mp4 [85.9 MB]
P235-21-插件封装：生命周期函数（钩子函数）【更多精选‖公众号：CunWorknotes】 .mp4 [59.9 MB]
P319-27-AXIOS的默认参数配置和拦截器【优质资源‖关注：cunWorkNotes 解锁】.mp4 [123.2 MB]
P226-15-基于JQUERY实现轮播图插件封装.mp4 [119.6 MB]
P340-48-CRM客户管理系统：员工信息增加的表单校验【整理不易‖记得关注：CunWorKNotes】.mp4 [40.1 MB]
P101-22-JS中的THIS问题【不易整理‖请关注：CunWorkNoteS】.mp4 [34.4 MB]
P216-05-多方向运动（JQ动画库的使用）.mp4 [104.5 MB]
P227-16-插件封装：基本核心思想.mp4 [47.1 MB]
P209瀑布流案例2-实现数据获取和绑定（瀑布流的核心原理）【资源精选‖更多关注：CunworkNotes】.mp4 [154.8 MB]
P328-36-CRM客户管理系统：基于IFRAME构建SPA单页面应用【不易整理‖请关注：CunWorkNoteS】.mp4 [92.5 MB]
P313-21-PROMISE的基础知识1：EXECUTOR和状态.mp4 [88.5 MB]
P10-创建变量的几种方式【资源精选‖更多关注：CunworkNotes】.mp4 [29.9 MB]
P220-09-左右运动版轮播图-基于SWIPER实现.mp4 [51.5 MB]
P24-一小时掌握三种常用的判断【公重号：CunWorkNotes】.mp4 [128.2 MB]
P32-函数的基础概念（用洗衣机模型理解函数）【整理不易‖记得关注：CunWorKNotes】.mp4 [30.3 MB]
P222-11-渐隐渐现版轮播图-实现思路和样式.mp4 [94.8 MB]
P325-33-CRM客户管理系统：COOKIE和LOCALSTORAG.mp4 [121.5 MB]
P309-17-JQUERY中的AJAX应用【整理不易‖记得关注：CunWorKNotes】.mp4 [138.0 MB]
P223-12-渐隐渐现版轮播图-回调函数的应用【更多精选‖公众号：CunWorknotes】 .mp4 [54.3 MB]
P219-08-左右运动版轮播图-完整功能.mp4 [93.0 MB]
P303-11-局部刷新和全局刷新【公重号：CunWorkNotes】.mp4 [147.2 MB]
P231-18-插件封装：初始展示的处理【资源精选‖更多关注：CunworkNotes】.mp4 [51.7 MB]
P232-19-插件封装：分页器的处理.mp4 [60.9 MB]
P308-16-AJAX同步异步编程.mp4 [84.5 MB]
P305-13-AJAX的四步操作【整理不易‖记得关注：CunWorKNotes】.mp4 [43.8 MB]
P221-10-渐隐渐现版轮播图-插件封装的导语.mp4 [12.0 MB]
P327-35-CRM客户管理系统：实现登录功能【资源精选‖更多关注：CunworkNotes】.mp4 [103.0 MB]
P217-06-左右运动版轮播图-实现思路.mp4 [131.9 MB]
P237-01-事件及浏览器常用事件行为【网盘分享WFX.LINK】.mp4 [100.6 MB]
P33-函数基础语法和形参的细节知识.mp4 [66.4 MB]
P230-18-插件封装：参数初始化处理【持续更新‖免费提供：CunworknoteS】.mp4 [115.0 MB]
P233-19-插件封装：扩充一点知识（可枚举属性）【更多精选‖公众号：CunWorknotes】 .mp4 [28.4 MB]
P236-22-插件封装：最后的一些总结和优化.mp4 [66.6 MB]
P234-20-插件封装：前进后退按钮.mp4 [94.3 MB]
P307-15-AJAX状态码和常用方法.mp4 [132.0 MB]
P210瀑布流案例3-实现图片的延迟加载.mp4 [90.9 MB]
P218-07-左右运动版轮播图-结构样式.mp4 [52.3 MB]
P228-17-插件封装：多参数处理思想.mp4 [35.4 MB]
P240-04-事件对象【网盘分享WFX.LINK】【更多精选‖公众号：CunWorknotes】 .mp4 [93.2 MB]
P318-26-AXIOS的基础语法.mp4 [145.9 MB]
P31-鼠标滑过变颜色（未完成，留作思考）.mp4 [14.9 MB]
P225-14-渐隐渐现版轮播图-最终完成版.mp4 [113.6 MB]
P329-37-CRM客户管理系统：登录检验和退出登录【优质资源‖关注：cunWorkNotes 解锁】.mp4 [66.1 MB]
P224-13-渐隐渐现版轮播图-数据绑定和自动轮播.mp4 [114.3 MB]
P229-17-插件封装：实现自动轮播.mp4 [96.5 MB]
P312-20-PROMISE及AJAX中的串行并行.mp4 [76.1 MB]
P139-61-面向对象和THIS深层次应用（类数组调取数组方法）.mp4 [68.1 MB]
P287-移动端开发5：ICON-FONT字体图标.mp4 [67.1 MB]
P85-05-本地仓库和远程仓库信息同步【不易整理‖请关注：CunWorkNoteS】.mp4 [48.0 MB]
P93-14-LET能解决浏览器的暂时性死区.mp4 [19.7 MB]
P347-02-简述NODE和浏览器运行JS的区别【不易整理‖请关注：CunWorkNoteS】.mp4 [65.8 MB]
P336-44-CRM客户管理系统：员工列表管理（删除和重置密码）.mp4 [115.4 MB]
P8-浏览器内核和控制台.mp4 [104.6 MB]
P14-关于Number和Parsefloat的一点补充.mp4 [8.5 MB]
P122-44-面向对象练习题1（复习原型链机制）.mp4 [79.1 MB]
P15-STRING字符串数据类型详解.mp4 [80.9 MB]
P91-12-有关词法检测和重复声明的问题【公重号：CunWorkNotes】.mp4 [91.1 MB]
P352-07-基于FS完成CSS合并压缩【资源精选‖更多关注：CunworkNotes】.mp4 [105.6 MB]
P92-13-变量提升中关于判断条件的处理【整理不易‖记得关注：CunWorKNotes】.mp4 [60.2 MB]
P96-17-作用域链机制（如何查找上级作用域）【公重号：CunWorkNotes】.mp4 [79.8 MB]
P99-20-闭包作用之保护（剖析一点JQ源码）【资源精选‖更多关注：CunworkNotes】.mp4 [76.0 MB]
P135-57-获取数组中的最大值和最小值.mp4 [49.0 MB]
P89-10-变量提升机制【更多精选‖公众号：CunWorknotes】 .mp4 [72.3 MB]