Web前端框架开发技术(第二版)
¥96.00定价
作者: 麻清应,马权
出版时间:2021-07
出版社:重庆大学电子音像出版社
- 重庆大学电子音像出版社
- 9787894464651
- 2版
- 424537
- 68256350-7
- 平装
- 16开
- 2021-07
- 550
- 355
- 工学
- 计算机科学与技术
- 计算机类
- 高职
内容简介
本书主要讲解了jQuery简介,jQuery中的选择器,jQuery中的DOM操作,jQuery中的事件与动画,jQuery中操作表单和表格,jQuery中的Ajax应用,jQuery插件的编写和使用,在jQuery上使用EasyUI,Bootstrap布局及内容,Bootstrap组件及公共样式和高性能手机框架MUI。通过本书的学习,学生能够使用Web前端框架进行Web应用程序的前端开发。
目录
目录
第1章 jQuery简介 1
1.1 jQuery与JavaScript 2
1.1.1 JavaScript库的作用与对比 2
1.1.2 jQuery的优势 4
1.2 jQuery 的入门与使用 6
1.2.1 jQuery的下载及环境配置 6
1.2.2 编写简单的jQuery代码 7
1.2.3 jQuery代码风格 9
1.3 jQuery对象和DOM对象 13
1.3.1 jQuery对象与DOM对象简介 13
1.3.2 jQuery对象与DOM对象的相互转换 15
1.3.3 jQuery示例 15
1.4 jQuery库与其他库冲突问题 17
第2章 jQuery中的选择器 22
2.1 jQuery选择器是什么 23
2.1.1 CSS选择器 23
2.1.2 jQuery选择器 25
2.2 jQuery选择器的优点 26
2.3 jQuery选择器 27
2.3.1 基本选择器 31
2.3.2 层次选择器 32
2.3.3 过滤选择器 33
2.3.4 表单选择器 41
2.4 jQuery选择器综合应用示例 41
第3章 jQuery中的DOM操作 43
3.1 DOM操作的分类 44
3.1.1 DOM Core 44
3.1.2 HTML DOM 44
3.1.3 CSS DOM 44
3.2 jQuery中的DOM操作 45
3.2.1 查找节点 46
3.2.2 创建节点 46
3.2.3 插入节点 48
3.2.4 删除节点 49
3.2.5 复制节点 50
3.2.6 替换节点 50
3.2.7 包裹节点 51
3.2.8 属性操作 52
3.2.9 样式操作 53
3.2.10 设置和获取HTML内容,文本和值 56
3.2.11 遍历节点 59
3.2.12 CSS DOM操作 61
第4章 jQuery中的事件与动画 64
4.1 jQuery中的事件 65
4.1.1 加载DOM事件 65
4.1.2 事件绑定 66
4.1.3 合成事件 69
4.1.4 事件冒泡 70
4.1.5 事件对象的属性 74
4.1.6 移除事件 76
4.1.7 模拟操作 79
4.1.8 其他用法 81
4.2 jQuery中的动画 82
4.2.1 show()方法和hide()方法 83
4.2.2 fadeln()方法和fadeOut()方法 85
4.2.3 slideUp()方法和slideDown()方法 85
4.2.4 自定义动画animate()方法 86
4.2.5 动画回调函数 89
4.2.6 停止动画和动画状态的判断 90
4.2.7 其他动画方法 92
4.2.8 动画方法小结 93
4.2.9 动画队列 95
4.3 动画效果综合实例 95
第5章 jQuery中操作表单和表格 103
5.1 表单应用 104
5.1.1 单行文本框应用 104
5.1.2 多行文本框应用 106
5.1.3 复选框的应用 109
5.1.4 列表框的应用 110
5.1.5 表单验证 112
5.2 表格的应用 115
5.2.1 更改表格颜色 115
5.2.2 展开与关闭表格 117
5.2.3 筛选表格内容 119
5.3 网页选项卡的应用 120
5.4 jQuery实现网页换肤 121
第6章 jQuery中的Ajax应用 125
6.1 Ajax介绍 127
6.1.1 什么是Ajax 127
6.1.2 Ajax原理 127
6.1.3 Ajax的优点 127
6.1.4 Ajax缺点 128
6.1.5 XMLHttpRequest对象 129
6.1.6 JavaScript Ajax示例 133
6.2 jQuery中的Ajax 134
6.2.1 load()方法 135
6.2.2 jQuery.get()方法与jQuery.post()方法 137
6.2.3 jQuery.ajax()方法 143
6.2.4 序列化元素 145
6.2.5 jQuery中的Ajax全局事件 147
第7章 jQuery插件的编写和使用 150
7.1 常用的jQuery插件 151
7.1.1 表单验证插件:formValidator 151
7.1.2 动态绑定事件插件:livequery 160
7.1.3 jQuery UI插件 164
7.1.4 管理Cookie的插件:Cookie 169
7.2 编写jQuery插件 171
7.2.1 插件的种类 171
7.2.2 插件的基本要点 171
7.2.3 插件中的闭包 172
7.2.4 jQurey插件的机制 173
7.2.5 编写jQurey插件 174
第8章 在jQuery上使用EasyUI 178
8.1 EasyUI 简介 179
8.2 Accordion(可折叠标签) 179
8.2.1 实例 179
8.2.2 扩展 180
8.2.3 参数 181
8.3 DateBox(日期框) 181
8.3.1 实例 181
8.3.2 参数 183
8.3.3 事件 184
8.3.4 方法 184
8.4 ComboBox(组合框) 184
8.4.1 实例 184
8.4.2 参数 187
8.4.3 事件 187
8.4.4 方法 187
8.5 Dialog(对话框) 187
8.5.1 实例 187
8.5.2 参数 190
8.5.3 事件 190
8.5.4 方法 190
8.6 Messager(提示框) 190
8.6.1 实例 190
8.6.2 方法 193
8.6.3 扩展 194
8.7 NumberBox(数字框) 194
8.7.1 实例 194
8.7.2 参数 195
8.8 ValidateBox(验证框) 196
8.8.1 实例 196
8.8.2 参数 198
8.8.3 方法 198
8.8.4 扩展 198
8.9 Pagination(分页) 199
8.9.1 实例 199
8.9.2 参数 200
8.9.3 事件 201
8.10 Window(窗口) 201
8.10.1 实例 201
8.10.2 参数 204
8.10.3 事件 204
8.10.4 方法 204
8.11 Panel(面板) 204
8.11.1 实例 204
8.11.2 参数 206
8.11.3 事件 207
8.11.4 方法 208
8.12 Tabs(标签) 208
8.12.1 实例 208
8.12.2 参数 211
8.12.3 事件 211
8.12.4 方法 211
8.12.5 标签面板属性 212
8.13 Tree(树) 212
8.13.1 实例 212
8.13.2 参数 215
8.13.3 事件 216
8.13.4 方法 216
8.14 Layout(布局) 217
8.14.1 实例 217
8.14.2 参数 218
8.14.3 方法 218
8.15 Datagrid(数据表) 219
8.15.1 实例 219
8.15.2 参数 222
8.15.3 Column参数 223
8.15.4 事件 224
8.15.5 方法 225
第9章 Bootstrap布局及内容 227
9.1 Bootstrap简介 228
9.1.1 什么是 Bootstrap 228
9.1.2 Bootstrap起源 228
9.1.3 为什么使用 Bootstrap 228
9.2 Bootstrap 布局 229
9.2.1 HTML 5 文档类型(Doctype) 229
9.2.2 移动设备优先 229
9.2.3 Bootstrap 网格系统 230
9.3 Bootstrap 内容 242
9.3.1 初始化与CSS重置 242
9.3.2 Bootstrap 排版 244
9.3.3 BootStrap图片 248
9.3.4 Bootstrap 表格 249
9.3.5 Bootstrap图文框 256
第10章 Bootstrap组件及公共样式 259
10.1 Bootstrap组件 260
10.1.1 警告提示框 260
10.1.2 徽章 263
10.1.3 面包屑导航 266
10.1.4 按钮 268
10.1.5 按钮组 273
10.1.6 卡片 276
10.1.7 轮播效果 278
10.1.8 折叠面板 282
10.1.9 下拉菜单 285
10.1.10 表单 287
10.1.11 列表组 291
10.1.12 弹出模态框 297
10.1.13 导航/选项卡(nav) 300
10.1.14 导航栏 303
10.1.15 分页 309
10.1.16 POP提示 311
10.1.17 进度条 315
10.1.18 滚动监听 318
10.2 Bootstrap 公共样式 322
10.2.1 边框 322
10.2.2 清除浮动 323
10.2.3 关闭图标 324
10.2.4 颜色(color) 324
10.2.5 Display显示属性 327
10.2.6 Flex弹性布局 329
10.2.7 Float浮动属性 342
10.2.8 固顶(底)及定位 343
第11章 高性能手机框架MUI 345
11.1 MUI简介 346
11.2 MUI组件 346
11.2.1 accordion(折叠面板) 346
11.2.2 actionsheet(操作表) 347
11.2.3 badge(数字角标) 347
11.2.4 button(按钮) 348
11.2.5 cardview(卡片视图) 349
11.2.6 checkbox(复选框) 350
11.2.7 dialog(对话框) 350
11.2.8 grid(栅格) 352
11.2.9 ipnut (表单) 353
11.2.10 picker(选择器) 353
第1章 jQuery简介 1
1.1 jQuery与JavaScript 2
1.1.1 JavaScript库的作用与对比 2
1.1.2 jQuery的优势 4
1.2 jQuery 的入门与使用 6
1.2.1 jQuery的下载及环境配置 6
1.2.2 编写简单的jQuery代码 7
1.2.3 jQuery代码风格 9
1.3 jQuery对象和DOM对象 13
1.3.1 jQuery对象与DOM对象简介 13
1.3.2 jQuery对象与DOM对象的相互转换 15
1.3.3 jQuery示例 15
1.4 jQuery库与其他库冲突问题 17
第2章 jQuery中的选择器 22
2.1 jQuery选择器是什么 23
2.1.1 CSS选择器 23
2.1.2 jQuery选择器 25
2.2 jQuery选择器的优点 26
2.3 jQuery选择器 27
2.3.1 基本选择器 31
2.3.2 层次选择器 32
2.3.3 过滤选择器 33
2.3.4 表单选择器 41
2.4 jQuery选择器综合应用示例 41
第3章 jQuery中的DOM操作 43
3.1 DOM操作的分类 44
3.1.1 DOM Core 44
3.1.2 HTML DOM 44
3.1.3 CSS DOM 44
3.2 jQuery中的DOM操作 45
3.2.1 查找节点 46
3.2.2 创建节点 46
3.2.3 插入节点 48
3.2.4 删除节点 49
3.2.5 复制节点 50
3.2.6 替换节点 50
3.2.7 包裹节点 51
3.2.8 属性操作 52
3.2.9 样式操作 53
3.2.10 设置和获取HTML内容,文本和值 56
3.2.11 遍历节点 59
3.2.12 CSS DOM操作 61
第4章 jQuery中的事件与动画 64
4.1 jQuery中的事件 65
4.1.1 加载DOM事件 65
4.1.2 事件绑定 66
4.1.3 合成事件 69
4.1.4 事件冒泡 70
4.1.5 事件对象的属性 74
4.1.6 移除事件 76
4.1.7 模拟操作 79
4.1.8 其他用法 81
4.2 jQuery中的动画 82
4.2.1 show()方法和hide()方法 83
4.2.2 fadeln()方法和fadeOut()方法 85
4.2.3 slideUp()方法和slideDown()方法 85
4.2.4 自定义动画animate()方法 86
4.2.5 动画回调函数 89
4.2.6 停止动画和动画状态的判断 90
4.2.7 其他动画方法 92
4.2.8 动画方法小结 93
4.2.9 动画队列 95
4.3 动画效果综合实例 95
第5章 jQuery中操作表单和表格 103
5.1 表单应用 104
5.1.1 单行文本框应用 104
5.1.2 多行文本框应用 106
5.1.3 复选框的应用 109
5.1.4 列表框的应用 110
5.1.5 表单验证 112
5.2 表格的应用 115
5.2.1 更改表格颜色 115
5.2.2 展开与关闭表格 117
5.2.3 筛选表格内容 119
5.3 网页选项卡的应用 120
5.4 jQuery实现网页换肤 121
第6章 jQuery中的Ajax应用 125
6.1 Ajax介绍 127
6.1.1 什么是Ajax 127
6.1.2 Ajax原理 127
6.1.3 Ajax的优点 127
6.1.4 Ajax缺点 128
6.1.5 XMLHttpRequest对象 129
6.1.6 JavaScript Ajax示例 133
6.2 jQuery中的Ajax 134
6.2.1 load()方法 135
6.2.2 jQuery.get()方法与jQuery.post()方法 137
6.2.3 jQuery.ajax()方法 143
6.2.4 序列化元素 145
6.2.5 jQuery中的Ajax全局事件 147
第7章 jQuery插件的编写和使用 150
7.1 常用的jQuery插件 151
7.1.1 表单验证插件:formValidator 151
7.1.2 动态绑定事件插件:livequery 160
7.1.3 jQuery UI插件 164
7.1.4 管理Cookie的插件:Cookie 169
7.2 编写jQuery插件 171
7.2.1 插件的种类 171
7.2.2 插件的基本要点 171
7.2.3 插件中的闭包 172
7.2.4 jQurey插件的机制 173
7.2.5 编写jQurey插件 174
第8章 在jQuery上使用EasyUI 178
8.1 EasyUI 简介 179
8.2 Accordion(可折叠标签) 179
8.2.1 实例 179
8.2.2 扩展 180
8.2.3 参数 181
8.3 DateBox(日期框) 181
8.3.1 实例 181
8.3.2 参数 183
8.3.3 事件 184
8.3.4 方法 184
8.4 ComboBox(组合框) 184
8.4.1 实例 184
8.4.2 参数 187
8.4.3 事件 187
8.4.4 方法 187
8.5 Dialog(对话框) 187
8.5.1 实例 187
8.5.2 参数 190
8.5.3 事件 190
8.5.4 方法 190
8.6 Messager(提示框) 190
8.6.1 实例 190
8.6.2 方法 193
8.6.3 扩展 194
8.7 NumberBox(数字框) 194
8.7.1 实例 194
8.7.2 参数 195
8.8 ValidateBox(验证框) 196
8.8.1 实例 196
8.8.2 参数 198
8.8.3 方法 198
8.8.4 扩展 198
8.9 Pagination(分页) 199
8.9.1 实例 199
8.9.2 参数 200
8.9.3 事件 201
8.10 Window(窗口) 201
8.10.1 实例 201
8.10.2 参数 204
8.10.3 事件 204
8.10.4 方法 204
8.11 Panel(面板) 204
8.11.1 实例 204
8.11.2 参数 206
8.11.3 事件 207
8.11.4 方法 208
8.12 Tabs(标签) 208
8.12.1 实例 208
8.12.2 参数 211
8.12.3 事件 211
8.12.4 方法 211
8.12.5 标签面板属性 212
8.13 Tree(树) 212
8.13.1 实例 212
8.13.2 参数 215
8.13.3 事件 216
8.13.4 方法 216
8.14 Layout(布局) 217
8.14.1 实例 217
8.14.2 参数 218
8.14.3 方法 218
8.15 Datagrid(数据表) 219
8.15.1 实例 219
8.15.2 参数 222
8.15.3 Column参数 223
8.15.4 事件 224
8.15.5 方法 225
第9章 Bootstrap布局及内容 227
9.1 Bootstrap简介 228
9.1.1 什么是 Bootstrap 228
9.1.2 Bootstrap起源 228
9.1.3 为什么使用 Bootstrap 228
9.2 Bootstrap 布局 229
9.2.1 HTML 5 文档类型(Doctype) 229
9.2.2 移动设备优先 229
9.2.3 Bootstrap 网格系统 230
9.3 Bootstrap 内容 242
9.3.1 初始化与CSS重置 242
9.3.2 Bootstrap 排版 244
9.3.3 BootStrap图片 248
9.3.4 Bootstrap 表格 249
9.3.5 Bootstrap图文框 256
第10章 Bootstrap组件及公共样式 259
10.1 Bootstrap组件 260
10.1.1 警告提示框 260
10.1.2 徽章 263
10.1.3 面包屑导航 266
10.1.4 按钮 268
10.1.5 按钮组 273
10.1.6 卡片 276
10.1.7 轮播效果 278
10.1.8 折叠面板 282
10.1.9 下拉菜单 285
10.1.10 表单 287
10.1.11 列表组 291
10.1.12 弹出模态框 297
10.1.13 导航/选项卡(nav) 300
10.1.14 导航栏 303
10.1.15 分页 309
10.1.16 POP提示 311
10.1.17 进度条 315
10.1.18 滚动监听 318
10.2 Bootstrap 公共样式 322
10.2.1 边框 322
10.2.2 清除浮动 323
10.2.3 关闭图标 324
10.2.4 颜色(color) 324
10.2.5 Display显示属性 327
10.2.6 Flex弹性布局 329
10.2.7 Float浮动属性 342
10.2.8 固顶(底)及定位 343
第11章 高性能手机框架MUI 345
11.1 MUI简介 346
11.2 MUI组件 346
11.2.1 accordion(折叠面板) 346
11.2.2 actionsheet(操作表) 347
11.2.3 badge(数字角标) 347
11.2.4 button(按钮) 348
11.2.5 cardview(卡片视图) 349
11.2.6 checkbox(复选框) 350
11.2.7 dialog(对话框) 350
11.2.8 grid(栅格) 352
11.2.9 ipnut (表单) 353
11.2.10 picker(选择器) 353