Web 前端从入门到实战
第一阶段：前端核心基础入门到实战技能
HTML/HTML5 核心标签、属性与实战
| 名称 | 描述 |
|---|
| 基础 | 文档声明、文档结构、功能标签 详解 |
| 块级元素 | 块级元素详解 |
| 区块标签 | html5 新增的语义化标签 详解 |
| 内联元素 | 常用内联元素 详解 |
| 特殊内联元素 | 特殊内联元素，可以设置宽高，但不独占一行 |
| 转义字符 | 常用转义字符 |
| 表格标签 | 常用表格标签 |
| 标签中的属性 | 常用标签属性详解 |
| input 元素中的属性 | input 元素属性详解 |
CSS/CSS3 核心样式属性与实战
| 名称 | 描述 |
|---|
| 盒模型 | 15 个常用盒模型属性和样式详解 |
| 常用文本样式和字体属性 | 7 个常用样式和属性详解 |
| 段落和行相关属性 | 4 个常用属性详解 |
| CSS 的书写位置 | 4 中不同的写法和差异详解 |
| 层叠性和选择器权重 | 详解 |
| 伪元素、伪类 | 9 个常用伪元素和伪类 |
| css3 新增伪类 | 6 个常用伪类详解 |
| 标签、id、class 选择器应用场景 | 详解 |
| 复合、元素关系、序号、属性选择器 | 19 类常用选择器详解 |
| 浮动、定位 | 13 个浮动与定位解决方案详解 |
| 鼠标、边框、圆角、盒子阴影、背景 | 39 个常用样式详解 |
| 浏览器前缀、2D/3D 转换、CSS3 动画 | 50+常用样式详解 |
| Flex 弹性布局 | 常用的flex属性设置 |
第二阶段：JavaScript 核心基础、高级进阶、算法
JavaScript核心基础
前端开发工程师最重要的 "看家语言"，JS 功底的好坏，决定了职业高度
- JavaScript 核心语法，前端与后端，ECMAScript 与 JavaScript 的关系，脚本语言的本质，JS 解释器
- 变量与字面量： 硬盘、内存、CPU，声明变量的几种特殊情况，优秀的命名法，处理报错 和 REPL 环境，综合应用，拓展知识
- 数据类型和类型转换： 类型检测，综合应用，脚本语言、弱类型语言和强类型语言、编译型和解释型
- 表达式： （算数、赋值、关系、逻辑）、操作符、位运算符（正负二进制转十进制，正负十进制转二进> 制，位移操作符）综合应用
- 流程控制语句 和 算法： 累加器、累乘器，穷举法、水仙花数、鸡兔同笼 等经典算法，算法学习方法
- 数组综合应用 和 算法： 数组下标越界、遍历、类型检测、头尾操作、常用方法，遍历算法，二维数组，去重随机样本，基本数据类型和引用数据类型在内存中如何存储（深度解读堆栈）数组的深克隆和浅克隆
- 函数： 声明调用，形参、实参，arguments 注意事项，返回值，函数做为参数的应用，变量提升与函数声明提升，函数算法题
- 递归与深克隆： 深入递归的应用和原理，递归算法题，实现深克隆
- 作用域作用域链： 作用域中变量访问权限、查找规则、遮蔽效应，严格模式，静态作用域和动态作用域，作用域链
- 闭包： 深入闭包底层原理，观察闭包现象，闭包的在实际开发中的用途和应用场景，使用闭包的注意事项
- IIFE 立即执行函数的方法、作用及应用，this 指向，call()和 apply()方法
- DOM： 节点操作，DOM 事件，事件传播，事件对象，this 指向，在实际开发中的综合应用
- BOM： window、Navigator、History 对象，Locatiion，在实际开发中的综合应用
- 定时器与延时器，回调函数中的 this 指向，异步与同步，综合应用
JavaScript高级进阶
- 面向对象： 对象的属性、方法、遍历，深浅克隆，this 指向（函数上下文），构造函数与类，原型原型链，垃圾回收，面象对向综合应用
- 内置对象： 包装类，Math 对象，Date 对象，字符串操作方法，综合应用
- 继承： 原型链继承、构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合式继承
- 内置构造函数： Object.prototype 是万物原型链的终点，内置构造函数的关系
- 正则表达式： "按位" 描述规则，元字符，方括号表示法，量词，修饰符，正则表达式的相关方法，字符串的相关方法，正则表达式的综合应用
