HTML是什么
发展史
HTML5新特性
第一个页面
浏览器与开发者工具
标题标签
段落标签
换行与水平线
文本格式化
注释与特殊字符
表格标签
表格属性
合并单元格
表单标签
input类型
表单验证
图片标签
音频视频
iframe内联框架
语义化标签
header/nav/main/footer
CSS是什么
CSS语法
引入方式
行内/内部/外部
基础选择器
复合选择器
后代/子代/并集/交集
伪类选择器
伪元素选择器
属性选择器
font-family
font-size/weight
color/text-align
text-decoration
行高
背景颜色/图片
背景平铺/位置
背景简写
列表样式
盒子模型概念
padding
border
margin
box-sizing
浮动float
清除浮动
relative/absolute
fixed/sticky
z-index
flex-direction
justify-content
align-items
flex / order
实战布局案例
grid-template-columns
grid-template-rows
gap
grid-column/row
实战布局案例
媒体查询 @media
视口 viewport
移动端适配
rem / vw/vh
过渡 transition
2D变换 transform
3D变换
@keyframes动画
JavaScript是什么
发展史
引入方式
基本语法/注释
控制台调试
var/let/const
number/string/boolean
null/undefined
typeof运算符
if条件语句
switch语句
while/do-while
for循环
break/continue
数组创建/访问
push/pop/shift/unshift
splice/slice
forEach/map/filter
函数声明/表达式
参数/返回值
作用域
箭头函数
回调/高阶函数
对象创建/属性
方法/构造函数
this关键字
JSON
charAt/indexOf
substring/replace/split
模板字符串
Date对象
toFixed/parseInt
parseFloat
Math.random
round/floor/ceil
DOM是什么
getElementById
querySelector
修改内容/样式
创建/删除元素
addEventListener
事件对象
click/mouseover/keydown
冒泡/捕获
事件委托
window对象
location/history
navigator
setTimeout/setInterval
let/const
解构赋值/展开
箭头函数
Promise/async/await
import/export
增删改查
localStorage
数据持久化
完整交互