目录

第1章Web前端开发技术概述/1

1.1Web技术概述/1

1.1.1Web的起源/1

1.1.2Web的相关概念/2

1.1.3Web的工作原理/5

1.1.4Web的特点/6

1.2Web前端开发相关技术/6

1.2.1HTML/7

1.2.2CSS/7

1.2.3JavaScript/7

1.2.4HTML DOM/8

1.2.5BOM/8

1.2.6jQuery/9

1.2.7Vue/9

1.3习题/10

第2章HTML基础/11

2.1HTML文档结构、语法和基本标签/11

2.1.1HTML文档结构/11

2.1.2HTML语法/13

2.1.3HTML基本标签/14

2.2HTML文档编写规范/16

2.2.1HTML文档命名规则/16

2.2.2HTML代码书写规范/17

2.3文本与段落/17

2.3.1文字内容/17

2.3.2文字的修饰/19

2.3.3段落与排版标签/22

2.4列表/26

2.4.1无序列表/27

2.4.2有序列表/27

2.4.3自定义列表/29

2.4.4列表的嵌套/31

2.5超链接/32

2.5.1超链接概述/32

2.5.2超链接语法、路径及分类/32

2.5.3超链接的其他应用/37

2.6图像与多媒体文件/39

2.6.1图像/39

2.6.2音频、视频文件/49

2.7表格/53

2.7.1表格标签/53

2.7.2表格属性设置/55

2.7.3表格嵌套/58

2.8表单/59

2.8.1表单的概念与工作原理/59

2.8.2定义表单/60

2.8.3定义域和域标题/61

2.8.4表单元素/62

2.9综合案例/69

2.10习题/70

第3章CSS基础/75

3.1CSS基本语法/75

3.1.1CSS的结构/75

3.1.2CSS选择符/76

3.1.3样式表分类及引用/80

3.1.4注释/82

3.1.5伪类/82

3.2盒子模型/83

3.2.1盒子模型的概念/83

3.2.2边框属性/84

3.2.3外边距属性/87

3.2.4内边距属性/89

3.3用CSS设置文本样式/89

3.3.1字体样式/89

3.3.2文本样式/91

3.4颜色与背景的设置/92

3.4.1颜色设置/92

3.4.2背景设置/93

3.5CSS布局/94

3.5.1定位/94

3.5.2浮动/95

3.6页面布局/99

3.6.1div标签与span标签/99

3.6.2页面布局/103

3.6.3导航菜单/111

3.7综合案例/114

3.8习题/115

第4章HTML5基础与CSS3应用/118

4.1HTML5概述/118

4.1.1HTML5的新特性/118

4.1.2HTML5与HTML4的主要区别/119

4.2HTML5表单/122

4.2.1HTML5新增的表单属性/122

4.2.2HTML5新增的input元素属性/122

4.2.3HTML5新增的表单元素/124

4.2.4HTML5新增的input元素类型/125

4.3HTML5视频与音频/127

4.3.1HTML5的video元素/127

4.3.2HTML5的audio元素/128

4.4HTML5 canvas画布/129

4.4.1canvas标签/129

4.4.2绘制图形的步骤/129

4.4.3图形的绘制/130

4.4.4文本绘制/131

4.4.5渐变/132

4.4.6图像/133

4.5CSS3应用/135

4.5.1CSS3新增的选择器/135

4.5.2CSS3新增的与文字有关的属性/137

4.5.3CSS3新增的与边框有关的属性/140

4.5.4CSS3新增的与背景有关的属性/142

4.5.5CSS3新增的transition属性/145

4.5.6CSS3新增的transform属性/147

4.5.7CSS3新增的animation属性/150

4.5.8CSS3新增的多列属性/152

4.6综合案例/155

4.7习题/157

第5章JavaScript基础/159

5.1JavaScript简介/159

5.2JavaScript脚本的使用/160

5.2.1JavaScript脚本的应用实例/160

5.2.2JavaScript脚本的引用方法/161

5.3JavaScript的语法与数据类型/164

5.3.1基本语法/164

5.3.2数据类型/164

5.3.3常量与变量/166

5.3.4表达式与运算符/168

5.4JavaScript程序的控制结构/172

5.4.1顺序结构/172

5.4.2选择结构/172

5.4.3循环结构/175

5.5JavaScript的函数/178

5.5.1函数的定义/178

5.5.2函数的调用/179

5.6JavaScript的对象/180

5.6.1对象的属性和方法/181

5.6.2对象的创建/181

5.6.3JavaScript常用内部对象/183

5.7JavaScript的事件处理/192

5.7.1事件与事件处理/192

5.7.2事件类型/194

5.7.3表单事件/195

5.7.4鼠标事件/197

5.7.5键盘事件/198

5.7.6窗口事件/199

5.8文档对象模型与浏览器对象/200

5.8.1DOM节点树和节点/200

5.8.2DOM节点的访问/201

5.8.3DOM节点的操作/203

5.8.4浏览器对象/205

5.9综合案例/210

5.10习题/211

第6章jQuery应用/213

6.1jQuery概述/213

6.1.1jQuery的功能与特点/213

6.1.2jQuery的使用/214

6.1.3jQuery的语法/214

6.2jQuery选择器/215

6.2.1基本选择器/215

6.2.2层次选择器/217

6.2.3过滤选择器/220

6.2.4属性选择器/223

6.2.5表单选择器/223

6.3jQuery操作DOM/224

6.3.1访问元素属性/224

6.3.2访问元素内容/225

6.3.3访问元素值/226

6.3.4操作元素样式/226

6.3.5操作DOM节点/227

6.4jQuery事件/231

6.4.1事件处理/231

6.4.2人工调用事件处理函数/233

6.4.3事件快捷方法/234

6.5jQuery的动画效果/236

6.5.1基本动画/236

6.5.2淡入淡出动画/237

6.5.3滑动动画/238

6.5.4自定义动画/238

6.6综合案例/239

6.7习题/240

第7章Vue基础/243

7.1Vue概述/243

7.1.1Vue简述/243

7.1.2Vue的主要特点/244

7.1.3Vue的使用/244

7.1.4MVVM设计模式/245

7.1.5Vue应用实例/246

7.1.6Vue实例选项/247

7.2Vue指令/249

7.2.1vbind指令/249

7.2.2vmodel指令/250

7.2.3vshow指令/252

7.2.4vif/velseif/velse指令/253

7.2.5vfor指令/254

7.2.6von指令/255

7.2.7vtext指令/257

7.2.8vhtml指令/258

7.3计算属性和数据监听/258

7.3.1计算属性/258

7.3.2数据监听/260

7.4样式绑定/261

7.4.1绑定内联样式/261

7.4.2绑定class属性/263

7.4.3使用计算属性绑定样式/264

7.5综合案例/264

7.6习题/265

第8章Vue高级应用/268

8.1组件/268

8.1.1注册组件/268

8.1.2向子组件传递数据/271

8.1.3监听子组件事件/274

8.1.4插槽/275

8.2过渡和动画/278

8.2.1单元素过渡/278

8.2.2多元素过渡/281

8.2.3多组件过渡/282

8.2.4列表过渡/284

8.3渲染函数/285

8.3.1虚拟DOM/285

8.3.2render()函数/286

8.3.3h()函数/288

8.3.4用render()函数实现模板的一些功能/289

8.4Vue前端路由/291

8.4.1路由基础/291

8.4.2嵌套路由/296

8.4.3命名视图/298

8.4.4路由守卫/300

8.5Vue状态管理/300

8.6Vue CLI/302

8.6.1Vue CLI的作用/302

8.6.2Vue CLI使用基本流程/303

8.6.3Vue CLI应用实例/304

8.7综合案例/305

8.8习题/309