智能前端技术与实践

　　本书旨在介绍智能前端开发和深度学习。本书首先介绍了相关的开发环境、前端开发基础知识、深度学习基础知识、前端智能框架和卷积神经网络，然后讲述了线性回归、logistical 回归、XOR 问题、人体姿态检测：目标检测、光学字符识别等方面的案例，最后讲解了前端智能化案例。本书适合 Web 前端开发人员、人工智能开发人员阅读，也可作为计算机相关专业师生的参考用书。

　　石璞东，西安建筑科技大学硕士研究生，研究方向包括机器学习、Web开发，担任百度飞桨领航团金牌团长和hahaWebsite网站站长。吴萌，西安建筑科技大学信息与控制工程学院副教授，硕士生导师，美国俄亥俄州立大学访问学者，中国图象图形学学会数字文化遗产专委会委员。 王慧琴，西安建筑科技大学信息与控制工程学院副院长、教授、博士生导师，通信与信息系统研究所所长，陕西省图象图形学学会理事，中国图象图形学学会图像应用与系统集成专委会委员，中国图象图形学学会数字文化遗产专委会委员。

目　　录
第 1章 开发环境配置\t1
1．1 安装Anaconda3\t1
1．2 安装TensorFlow 2\t6
1．3 安装npm包管理工具\t11
1．4 安装TensorFlow．js的相关包\t14
1．5 使用WebStorm\t18
1．6 使用Google浏览器\t19
1．6．1 注册Chrome Web Store开发者\t19
1．6．2 Google浏览器扩展程序\t20
1．7 使用微信开发者工具\t27
1．7．1 添加微信小程序插件\t29
1．7．2 使用微信小程序插件\t29
1．7．3 发布微信小程序\t35
第 2章 前端开发基础\t39
2．1 背景知识概述\t39
2．2 HTML基础\t40
2．2．1 HTML文档基本结构\t41
2．2．2 常用标签\t49
2．3 CSS基础\t55
2．3．1 CSS的3种使用方法\t55
2．3．2 CSS选择器\t56
2．4 JavaScript基础\t56
2．5 与Google扩展程序相关的JavaScriptAPI\t58
2．6 深度学习中的JavaScript\t61
2．6．1 JavaScript数据类型\t61
2．6．2 JavaScript异步编程\t63
2．7 微信小程序开发\t67
2．7．1 微信小程序框架结构分析\t68
2．7．2 页面描述文件\t72
2．7．3 页面样式文件\t87
2．7．4 逻辑层文件\t88
2．7．5 小程序的事件系统\t91
第3章 深度学习概述\t95
3．1 深度学习环境\t95
3．1．1 云端深度学习环境选择\t95
3．1．2 本地深度学习环境搭建\t104
3．2 深度学习框架\t105
3．3 TensorFlow 2基础\t113
3．3．1 数据类型\t113
3．3．2 数值精度\t115
3．3．3 操作和计算图\t116
3．3．4 自动微分和梯度带\t117
3．3．5 广播机制\t118
3．3．6 框架概述\t118
3．4 深度学习基础\t119
3．4．1 BP神经网络\t120
3．4．2 激活函数\t121
3．4．3 softmax函数\t126
3．4．4 损失函数\t126
3．4．5 梯度下降算法\t130
3．4．6 反向传播\t132
第4章 TensorFlow．js框架详解\t134
4．1 TensorFlow．js框架概述\t134
4．2 TensorFlow．js低阶API详解\t136
4．2．1 张量操作方法\t136
4．2．2 数学运算\t148
4．3 TensorFlow．js高阶API详解\t153
4．3．1 构建模型\t154
4．3．2 模型配置\t160
4．3．3 模型训练\t160
4．3．4 模型评估\t160
4．3．5 模型转换\t164
4．4 TensorFlow．js Vis库详解\t166
4．4．1 Visor接口方法介绍\t167
4．4．2 模型可视化\t168
4．4．3 数据可视化\t173
4．4．4 模型评价指标\t175
4．5 其他API\t176
4．5．1 数据操作\t176
4．5．2 浏览器操作\t183
4．5．3 性能优化\t184
4．5．4 正则化\t185
4．5．5 早停法\t185
第5章 卷积神经网络\t187
5．1 卷积神经网络概述\t187
5．2 卷积层\t188
5．3 池化层\t192
5．4 轻量级的卷积神经网络\t194
5．4．1 SqueezeNet\t195
5．4．2 MobileNetV1\t198
5．4．3 ShuffleNetV1\t201
5．4．4 Xception\t203
第6章 TensorFlow．js基础案例\t206
6．1 线性回归\t207
6．1．1 案例简介\t207
6．1．2 代码实现\t207
6．2 logistical回归\t211
6．2．1 案例简介\t211
6．2．2 代码实现\t211
6．3 XOR问题\t215
6．3．1 案例简介\t215
6．3．2 代码实现\t216
6．4 加载与应用MobileNet模型\t220
6．4．1 案例简介\t220
6．4．2 代码实现\t220
6．5 《你画我猜》（MNIST手写数字版）\t224
6．5．1 案例简介\t224
6．5．2 代码实现\t224
第7章 TensorFlow官方数据集实战\t231
7．1 boston_housing数据集与实战案例\t231
7．1．1 数据集介绍\t231
7．1．2 房价预测实战\t232
7．2 与CIFAR-10数据集相关的实战案例\t235
7．2．1 数据集介绍\t235
7．2．2 在Anaconda3 Jupyter Notebook中加载数据集\t235
7．2．3 在Kaggle中导入CIFAR-10数据集\t236
7．2．4 从本地导入CIFAR-10数据集\t240
7．3 与CIFAR-100数据集相关的实战案例\t248
7．3．1 数据集介绍\t248
7．3．2 数据集展示\t249
7．4 与MNIST数据集相关的实战案例\t253
7．4．1 数据集介绍\t253
7．4．2 数据集展示\t253
7．5 与Fashion_MNIST数据集相关实战案例\t255
7．5．1 数据集介绍\t255
7．5．2 数据集加载\t256
7．6 基于CNN的MNIST手写数字识别\t257
7．6．1 自定义网络模型\t257
7．6．2 微信小程序部署\t261
第8章 基于CNN的常见水果分类识别\t266
8．1 数据集介绍\t266
8．2 数据集标注\t269
8．3 数据预处理\t277
8．3．1 数据文件读取\t277
8．3．2 文件解码\t278
8．3．3 文件数据类型转换\t278
8．3．4 数据归一化\t280
8．4 模型概览\t282
8．5 模型设计\t284
8．6 模型配置\t284
8．7 模型训练\t285
8．8 模型评估\t286
8．9 模型部署\t289
8．9．1 在微信小程序中加载模型\t289
8．9．2 在Google浏览器中加载模型\t291
第9章 基于PoseNet的人体姿态检测\t293
9．1 项目概述\t293
9．2 项目初始化\t294
9．2．1 添加camera组件\t295
9．2．2 添加canvas对象\t296
9．3 模型加载\t296
9．4 姿态检测\t297
9．5 预测结果绘制\t301
9．6 效果展示\t302
第 10章 基于Coco SSD的目标检测\t303
10．1 项目概述\t303
10．2 项目初始化\t304
10．2．1 添加camera组件\t304
10．2．2 添加canvas对象\t305
10．3 模型加载\t305
10．4 目标检测\t305
10．5 预测结果绘制\t307
10．6 效果展示\t307
第 11章 OCR技术\t309
11．1 OCR技术概述\t310
11．2 OCR工具推荐\t311
11．3 微信OCR\t315
11．3．1 插件配置信息\t316
11．3．2 页面结构设计\t317
11．3．3 页面逻辑功能\t318
11．4 Google扩展程序OCR\t319
11．4．1 插件配置信息\t319
11．4．2 页面结构设计\t320
11．4．3 页面逻辑功能\t321
11．4．4 后台脚本\t322
第 12章 神奇的人工智能\t324
12．1 个人网站恶意评论检测\t324
12．1．1 项目简介\t324
12．1．2 代码实现\t326
12．1．3 效果展示\t330
12．2 微信同声传译\t331
12．2．1 项目简介\t331
12．2．2 代码实现\t332
12．2．3 效果展示\t333
12．3 Google面馆正式营业了\t334
12．4 猜画小歌\t335
12．5 Face Touch Monitor\t335
12．6 Teachable Machine\t336
12．7 其他案例\t337