WEB前端开发基础

第1章Web前端开发概述1
1.1Web工作原理及基本概念1
1.1.1Web工作原理1
1.1.2Web基本概念2
1.1.3HTTP/HTTPS4
1.2前端基本技术及发展历史6
1.2.1HTML6
1.2.2CSS7
1.2.3JavaScript7
1.3开发工具及环境搭建8
1.3.1常用代码编辑器8
1.3.2浏览器及浏览器开发者工具9
1.4Web站点的创建12
1.5习题14
第2章HTML标签17
2.1HTML标签简介17
2.1.1HTML标签概念17
2.1.2文档类型声明18
2.2HTML文档结构18
2.3基本标签21
2.3.1文本标签与特殊字符21
2.3.2图片标签23
2.3.3媒体标签24
2.3.4列表标签25
2.3.5表格标签26
2.3.6超链接标签28
2.3.7标签30
2.4表单标签312.4.1表单标签简介31
2.4.2输入标签32
2.4.3文本域标签33
2.4.4选择列表标签33
2.5语义标签35
2.5.1文档头部语义标签35
2.5.2文档主体语义标签36
2.5.3文档尾部语义标签37
2.6HTML标签类型39
2.7HTML标签综合实例43
2.8习题47
〖3〗Web前端开发基础——HTML CSS JavaScript 前端框架目录〖3〗第3章CSS基础51
3.1CSS简介51
3.1.1基本语法51
3.1.2引入方式52
3.2CSS选择器54
3.2.1标签选择器54
3.2.2ID选择器54
3.2.3类选择器55
3.2.4复合选择器57
3.2.5伪元素选择器61
3.2.6伪类选择器62
3.3CSS样式62
3.3.1字体样式62
3.3.2文本样式65
3.3.3图片样式68
3.3.4背景样式70
3.3.5超链接样式70
3.4CSS变换72
3.4.1渐变72
3.4.2转换74
3.4.3过渡和动画78
3.5CSS三大特性80
3.6CSS综合案例82
3.7习题84
第4章定位和布局87
4.1盒子模型87
4.1.1盒子模型原理87
4.1.2块级盒子95
4.1.3内联盒子96
4.1.4替代盒子模型98
4.2元素定位98
4.2.1标准文档流98
4.2.2浮动float100
4.2.3定位position103
4.3Flex布局104
4.3.1基本概念104
4.3.2容器属性105
4.3.3项目属性109
4.4Grid布局110
4.4.1基本概念110
4.4.2Grid应用111
4.5响应式设计115
4.5.1媒体查询115
4.5.2rem应用117
4.5.3响应式117
4.6布局综合实例118
4.7习题122
第5章JavaScript基础126
5.1JavaScript简介126
5.1.1基本语法126
5.1.2引入方式129
5.2基本数据类型130
5.2.1数值130
5.2.2字符串132
5.2.3布尔值132
5.2.4null和undefined类型132
5.2.5类型转换132
5.3运算符和流程控制133
5.3.1运算符133
5.3.2流程控制138
5.4内置对象142
5.4.1Array对象142
5.4.2String对象144
5.4.3Number对象145
5.4.4Math对象146
5.4.5Date对象146
5.5自定义对象147
5.5.1创建对象147
5.5.2内置方法150
5.5.3prototype151
5.6JSON153
5.6.1JSON语法153
5.6.2JSON用法154
5.7解构赋值156
5.7.1数组的解构赋值156
5.7.2对象的解构赋值157
5.7.3函数参数的解构赋值158
5.8模板字符串158
5.8.1字符串格式化158
5.8.2多行字符串158
5.8.3运算与函数调用159
5.8.4includes()、startsWith()和endsWith()方法160
5.8.5repeat()方法161
5.9JavaScript综合实例162
5.10习题164
第6章函数和事件166
6.1函数166
6.1.1自定义函数166
6.1.2函数调用168
6.1.3嵌套函数171
6.1.4内置函数172
6.1.5箭头函数174
6.2事件176
6.2.1事件定义和常用事件176
6.2.2事件处理流程177
6.2.3注册事件178
6.2.4事件对象和事件代理181
6.3事件驱动函数184
6.3.1行内事件驱动184
6.3.2内联事件驱动185
6.3.3外链事件驱动186
6.4事件和函数综合实例187
6.5习题189
第7章BOM与DOM193
7.1浏览器对象模型BOM193
7.1.1BOM结构193
7.1.2BOM主要对象194
7.2文档对象模型DOM198
7.2.1DOM结构199
7.2.2获取元素200
7.2.3插入元素204
7.2.4创建和删除元素206
7.2.5复制和替换元素209
7.2.6DOM综合实例211
7.3习题214
第8章JavaScript服务器端开发218
8.1异步编程218
8.2Node.js219
8.2.1Node.js安装219
8.2.2Node.js文件系统221
8.2.3Node.js GET/POST请求224
8.2.4Node.js Web模块226
8.3AJAX227
8.3.1AJAX简介227
8.3.2AJAX异步调用228
8.4习题234
第9章Web前端开发框架237
9.1Vue.js框架237
9.1.1Vue.js简介237
9.1.2Vue.js安装238
9.1.3Vue常用指令240
9.1.4Vue应用241
9.2React框架243
9.2.1React简介243
9.2.2React安装243
9.2.3React应用245
9.3Angular框架245
9.3.1Angular简介245
9.3.2Angular CLI工具搭建Angular开发环境246
9.4习题248
第10章Web综合案例250
10.1Web设计250
10.1.1确定主题250
10.1.2Web结构251
10.1.3收集素材251
10.2页面制作252
10.3系统测试252
10.4诗词乐园案例254
附录262
附录A缩略词262
附录B本书扩展资源及参考答案264
参考文献265