HTML

HTML 是网页开发的基础，从最简单的网页开发基础入手，使用常见的标签制作网页内容，包含了以下技术点：

```

标签语法|排版标签|布局标签|多媒体标签|符号实体|语义化|路径|元数据|文档声明

```

CSS

在 HTML 结构的基础上，通过浮动、定位、Flex 精细控制网页布局，通过背景、圆角、阴影、渐变等美装饰美化网页内容，结合转换、过渡、动画高级特性增强用户体验，能够编写大型综合性网页。

```

​ 选择器|规则声明|盒模型|文档流|浮动|字体|背景|伪类|3大特征|圆角|限影|过渡|透明|伪元素|定位|Web 字体

```

网页布局

```

元素居中|自适应布局|BFC|浏览器内核|性能优化|文档编码|设计稿

```

移动端布局

```

Flex布局|Less基础语法|媒体查询|分辨率|像素密度|像素|视口|媒体查询|rem|屏幕适配

```

```

Bootstrap|响应断点|栅格化|组件

```

JAVAScript

了解语言的基本概念，熟识语法规则，培养语言基础逻辑能力，建立良好的编程思维，具有一定的语言驾驭能力。

```

变量|数据类型|运算符|类型转称|函数|对象|流程控制|数组|Math|内置函数

```

WebAPI

学习客户端开发技术，能够根据产品需求完成开发任务，如视觉交互、数据处理、安全、性能等，熟练掌握 DOM 操作的方法，能够分析视觉交互需求，结合 CSS 规则设计合理的 DOM 结构，完成开发任务。

```

宿主环境|节点查找|节点操作|节点关系|事件|事件流|事件委托|间歇函数|高阶函数|伪数组|执行环境|自执行函数|命名空间|排序|延时函数|正则|表单|自定义属性|重绘|回流|预加载|懒加载|生命周期

```

jQuery

借助 jQuery 提升开发的效率，同时借鉴和学习 jQuery 的封装实现思想，巩固面向对象的相关知识，加深对面象对象的理解。

```

选择器|节点方法|动画|动画队列|事件|事件委托|链式操作|插件|插件机制

```

Ajax

系统的学习网页数据交互的 Ajax 技术，建立前后端交互的知识体系，为学生夯实网络编程的基础，为后期高级课程的学习做好铺垫。

```

客户端与服务器|URL 地址|jQuery 中的 Ajax|接口|form 表单提交|模板引擎|XMLHttpRequest|XHR Level2|数据交换格式|封装 ajax|文件上传|axios 基本使用|跨域|防抖节流|HTTP 协议

```