JavaScript基础与提升2016版教学视频

缺什么补什么：别把 JavaScript 当成“抄两段就完事”的脚本

很多转岗或查漏补缺的人，对 JavaScript 的认知停留在“给按钮绑个 onclick，去网上复制一段表单验证”的层面。真到要手写一个省市区三级联动，或者用原生代码动态生成页面控件时，连数组怎么遍历、事件对象怎么传都说不清，只能硬凑 jQuery 或者直接抄现成框架。这门课解决的就是这种“半瓶水”问题：它不讲框架，不碰工程化，就是逼你用原生的语法和核心对象，把页面交互的逻辑一行一行敲出来。资料虽标注为多年前的版本，但变量作用域、循环判断、数组操作、事件机制这些底层逻辑至今未变，对补基础的人来说反而更纯粹，不用被各种构建工具分散注意力。

基础语法与 DOM 交互：先补这几块，别跳着看

这门课适合能看懂 HTML 标签和 CSS 样式、但写不出独立 JS 逻辑的人。如果你连 var 声明和函数定义都卡壳，建议先跟着前面的基本语法和条件循环部分，把变量提升、判断分支写熟练。重点要先啃三块：第一是数组与核心对象，尤其是一维二维数组的数据组装，这是后面做联动菜单的数据基础；第二是函数定义与调用，搞清楚参数怎么传、返回值怎么接；第三是常用事件，重点理解事件触发的时机和 this 指向。不要急着去看那些花哨的万年历或猜数字游戏，先把这几块的代码自己敲一遍。配套练习时，把视频里的案例暂停，自己先写，写不出来再对照视频找逻辑断点，这比干看一遍强得多。

学完能独立做什么：拿原生代码验证你的逻辑闭环

按这个节奏补下来，你应该能脱离任何框架，用纯 JS 实现几个具体功能：一是动态生成页面控件，比如根据数据长度渲染一组下拉选项；二是省市县三级联动，能理清数据结构并处理选中事件；三是带倒计时的网页跳转和简单的交互小游戏。这些不是让你拿去上线用的，而是验证你是否真正掌握了数据流转和事件驱动。资料里的案例代码就是你的练习靶子，每看完一个模块，关掉视频自己复刻一遍，卡住的地方就是你的能力缺口。别去背 API，能独立把联动菜单的逻辑写通，才算真正补上了这块短板。