北风网Javascript基础入门视频教程 149集【李炎恢主讲】

软考考证

课程简介

《北风网Javascript基础入门视频教程 149集【李炎恢主讲】》   北风网Javascript基础入门视频教程 149集【李炎恢主讲】【技能收获】学完可掌握：javascript。课程以实战为导向，覆盖从基础概念到完整项目落地的关键步骤，配套章节笔记便于课后复盘与面试前快速回顾。【学习建议】建议按目录顺序学习，先打基础再进入综合实战章节；每完成 2～3 节可结合笔记整理一份学习小结，最终尝试独立复现一套完整 Demo 写入个人作品集。【就业发展】可面向岗位：Linux 运维工程师、SRE、云计算工程师、DevOps 工程师。云原生与自动化运维仍是企业 IT 刚需方向

已有 0 人浏览发布 2026-09-16 更新 2026-09-16

李炎恢这套 JavaScript 基础课在 149 集的体量里塞进了从语法到 DOM 的完整讲解，属于那种"看着老、知识点没过时"的库存型资料。搜这门课的人多半不是要搭最新框架，而是想找一套讲得细、能一集一集啃完的入门视频。下面按课纲含金量、精看章节和资料包用法三块说清楚。

149 集的体量意味着什么

这套课的最大特征不是"入门"两个字，而是集数密度。149 集对应的是 JS 基础语法、数组对象、函数、BOM/DOM、事件、正则这一整条链路，几乎每个知识点都被拆成独立小节。好处是节奏慢、适合反复回看；代价是信息密度低，一集可能只讲一个概念加一个 demo。如果你的目标是快速过一遍语法，这套课会显得拖沓；但如果你是从零起步、需要有人把"为什么这里要加分号""闭包到底发生在什么时候"讲透，这种拆法反而降低了单集理解成本。判断含金量的关键不在总时长，而在于函数、原型、事件这几块有没有单独成节——从课程结构看，这几块是被重点展开的。

值得精看的几类章节

函数与作用域相关小节：入门课最容易糊弄过去的就是这里。李炎恢的讲法偏向把 this、参数传递、闭包形成条件逐个演示，这部分值得放慢速度，配合手写笔记整理一遍调用栈。
DOM 与事件绑定：这是从"会写语法"过渡到"能操作页面"的分水岭。重点看事件流、冒泡捕获、常见事件对象属性这几节，它们决定了你后面能不能自己写出交互效果。
数组与对象常用方法：这类章节集数多但重复度高，可以按自己的掌握程度跳着看，只精看自己没接触过的方法。
正则表达式：单独成节的部分建议完整看，入门阶段跳过的正则，后面做表单校验时会回来补课。

反过来，纯语法罗列（变量声明、运算符、循环）的章节可以当成速查，二倍速甚至跳过都不影响后续理解。

资料包怎么拆开用

视频加配套章节笔记的组合，最忌讳的是"看完视频再从头读一遍笔记"。更实际的做法是：先看视频，合上讲义凭记忆写一段代码；卡住的地方再翻笔记核对，把差异点标红。每两到三节做一次这样的小复盘，比一次性刷完 149 集再回顾有效得多。笔记的另一层价值在面试前——基础语法和事件模型的问答点基本都能在里面找到对应条目，直接当复习清单用。

谁适合存这套资料

它适合两类人：一是完全没碰过编程、需要慢节奏铺垫的初学者；二是科班出身但 JS 基础有漏洞、想找一套成体系视频补课的人。如果你已经在写 React 或 Vue，这套课的价值更多在于"回头确认基础概念有没有讲错"，而不是学新东西。把它当作语法地基的参照系，而不是通往某个岗位的跳板，预期会更准。

   北风网Javascript基础入门视频教程 149集【李炎恢主讲】

课程推荐

视频目录（149 节）

*   0001-JavaScript概述.mp4

*   0003-使用JavaScript.mp4

*   0004-语法、关键保留字及变量.mp4

*   0005-数据类型(上).mp4

*   0006-数据类型(中).mp4

*   0007-数据类型(下).mp4

*   0008-运算符(上).mp4

*   0009-运算符(中).mp4

*   0010-运算符(下).mp4

*   0011-流程控制语句(上).mp4

*   0012-流程控制语句(下).mp4

*   0013-函数.mp4

*   0014-对象和数组[上].mp4

*   0015-对象和数组[中].mp4

*   0016-对象和数组[下].mp4

*   0017-时间与日期[上].mp4

*   0018-时间与日期[下].mp4

*   0019-正则表达式[1].mp4

*   0020-正则表达式[2].mp4

*   0021-正则表达式[3].mp4

*   0022-正则表达式[4].mp4

*   0023-正则表达式[5].mp4

*   0024-正则表达式[6].mp4

*   0025-Function类型[上].mp4

*   0026-Function类型[下].mp4

*   0027-变量、作用域及内存[上].mp4

*   0028-变量、作用域及内存[下].mp4

*   0029-基本包装类型[上].mp4

*   0030-基本包装类型[中].mp4

*   0031-基本包装类型[下].mp4

*   0032-内置对象[上].mp4

*   0033-内置对象[下].mp4

*   0034-面向对象与原型[1].mp4

*   0035-面向对象与原型[2].mp4

*   0036-面向对象与原型[3].mp4

*   0037-面向对象与原型[4].mp4

*   0038-面向对象与原型[5].mp4

*   0039-面向对象与原型[6].mp4

*   0040-面向对象与原型[7].mp4

*   0041-匿名函数和闭包[上].mp4

*   0042-匿名函数和闭包[中].mp4

*   0043-匿名函数和闭包[下].mp4

*   0044-BOM[上].mp4

*   0045-BOM[中].mp4

*   0046-BOM[下].mp4

*   0047-浏览器检测[上].mp4

*   0048-浏览器检测[中].mp4

*   0049-浏览器检测[下].mp4

*   0050-DOM基础[1].mp4

*   0051-DOM基础[2].mp4

*   0052-DOM基础[3].mp4

*   0053-DOM基础[4].mp4

*   0054-DOM基础[5].mp4

*   0055-DOM进阶[上].mp4

*   0056-DOM进阶[下].mp4

*   0057-DOM操作表格及样式[1].mp4

*   0058-DOM操作表格及样式[2].mp4

*   0059-DOM操作表格及样式[3].mp4

*   0060-DOM操作表格及样式[4].mp4

*   0061-DOM元素尺寸和位置[上].mp4

*   0062-DOM元素尺寸和位置[下].mp4

*   0063-动态加载脚本和样式.mp4

*   0064-事件入门.mp4

*   0065-事件对象[上].mp4

*   0066-事件对象[下].mp4

*   0067-事件绑定及深入[上].mp4

*   0068-事件绑定及深入[中].mp4

*   0069-事件绑定及深入[下].mp4

*   0070-表单处理[1].mp4

*   0071-表单处理[2].mp4

*   0072-表单处理[3].mp4

*   0073-表单处理[4].mp4

*   0074-表单处理[5].mp4

*   0075-错误处理与调试[上].mp4

*   0076-错误处理与调试[中].mp4

*   0077-错误处理与调试[下].mp4

*   0078-Cookie与存储[上].mp4

*   0079-Cookie与存储[中].mp4

*   0080-Cookie与存储[下].mp4

*   0081-XML[1].mp4

*   0082-XML[2].mp4

*   0083-XML[3].mp4

*   0084-XML[4].mp4

*   0085-XPath[上].mp4

*   0086-XPath[下].mp4

*   0087-JSON.mp4

*   0088-Ajax[上].mp4

*   0089-Ajax[中].mp4

*   0090-Ajax[下].mp4

*   0091-理解JavaScript库[1].mp4

*   0092-连缀[2].mp4

*   0093-CSS[上][3].mp4

*   0094-CSS[下][4].mp4

*   0095-下拉菜单[5].mp4

*   0096-弹出登录[6].mp4

*   0097-遮罩锁屏[7].mp4

*   0098-拖拽[上][8].mp4

*   0099-拖拽[下][9].mp4

*   0100-事件绑定[上][10].mp4

*   0101-事件绑定[中][11].mp4

*   0102-事件绑定[下][12].mp4

*   0103-修缮拖拽[13].mp4

*   0104-项目1-博客前端：封装库--插件[14].mp4

*   0105-CSS选择器[上][15].mp4

*   0106-CSS选择器[下][16].mp4

*   0107-浏览器检测[17].mp4

*   0108-DOM加载[上][18].mp4

*   0109-DOM加载[下][19].mp4

*   0110-调试封装[20].mp4

*   0111-动画初探[上][21].mp4

*   0112-动画初探[中][22].mp4

*   0113-动画初探[下][23].mp4

*   0114-透明度渐变[24].mp4

*   0115-百度分享侧栏[25].mp4

*   0116-增强弹窗菜单[26].mp4

*   0117-同步动画27].mp4

*   0118-展示菜单[28].mp4

*   0119-滑动导航[29].mp4

*   0120-切换[30].mp4

*   0121-菜单切换[31].mp4

*   0122-注册验证[1][32].mp4

*   0123-注册验证[2][33].mp4

*   0124-注册验证[3][34].mp4

*   0125-注册验证[4][35].mp4

*   0126-注册验证[5][36].mp4

*   0127-注册验证[6][37].mp4

*   0128-注册验证[7][38].mp4

*   0129-注册验证[8][39].mp4

*   0130-注册验证[9][40].mp4

*   0131-注册验证[10][41].mp4

*   0132-轮播器[上][42].mp4

*   0133-轮播器[中][43].mp4

*   0134-轮播器[下][44].mp4

*   0135-延迟加载[上][45].mp4

*   0136-延迟加载[下][46].mp4

*   0137-预加载[1][47].mp4

*   0138-预加载[2][48].mp4

*   0139-预加载[3][49].mp4

*   0140-预加载[4][50].mp4

*   0141-预加载[5][51].mp4

*   0142-引入Ajax[52].mp4

*   0143-表单序列化[53].mp4

*   0144-Ajax注册[上][54].mp4

*   0145-Ajax注册[下][55].mp4

*   0146-Ajax登录[56].mp4

*   0147-Ajax发文[上][57].mp4

*   0148-Ajax发文[下][58].mp4

*   0149-Ajax换肤[上][59].mp4

*   0150-Ajax换肤[下][60].mp4