博客

第一个阶段，开发环境和工具准备

• 浏览器 （Google，FireFox，…）
• 下载，安装前端开发工具vscode，
• 下载、安装 node、npm、webpack、webpack-cli、cnpm，配置前端开发环境
• 下载、配置PHP和MySQL

第二个阶段，前端入门，网页制作

1，HTML：

• 常用标签（div标签，p标签，span标签，a标签，img标签）
• 锚点
• 列表标签（有序列表，无序列表，自定义列表）
• 表单标签
• 表格标签
• 标签分类
• 标签语义化
• 注释
• 字符实体

2，CSS：

• CSS介绍

• 全局样式

• 行内元素

• 内联元素

• 选择器
  
  （1）基础选择器（标签选择器，类选择器，ID选择器）
  
  （2）复合选择器（后代选择器，兄弟选择器，相邻元素选择器，交集选择器，并集选择器）
  
  （3）选择器优先级

• 字体样式值

• 文本样式值

• 颜色样式值

• 盒模型（标准盒模型，怪异盒模型）

• 控制台使用

• 清除默认样式

• 盒模型居中

• 标准文档流

• 块元素

• 行内元素

• 行内块元素

• 多种伪类元素

• 浮动
  
  （1）浮动元素脱离文档流
  
  （2）外边距塌陷问题
  
  （3）N种清除浮动的方式

• 定位(相对定位，固定定位，绝对定位，z-index)

第三个阶段，JavaScript动态交互

1，JavaScript初阶

• 变量和运算符
  
  （1）JS用途
  
  （2）JS书写规则
  
  （3）内置函数使用
  
  （4）字面量
  
  （5）变量
  
  （6）命名标识符规范
  
  （7）变量声明提升
  
  （8）运算符（数学运算符，比较运算符，逻辑运算符，赋值运算符）
  
  （9）页面修改（innerHTML，innerText，value）
• 逻辑控制
  
  （1）if关键字（if…else，if…else if…else，多分支条件语句，嵌套if语句&