智能前端技术与实践

目　　录
第 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