微信小程序开发(中级)

本书共8个项目，项目1～3主要讲解HTML列表和表单、CSS美化网页、JavaScript基础知识和常用方法，项目4介绍HTML5新增语义化元素、增强元素和多媒体元素、CSS3移动端适配、Ajax基础知识，项目5介绍分享功能和常用API，项目6介绍模块化开发、地图组件、版本管理工具、真机联调、更新及数据分析，项目7介绍云开发基础知识，项目8介绍CSS动画的使用规则和媒体API的使用方法。部分项目细分为若干个任务。每个任务配有“实操视频”和“知识点微课”，实现理实一体化。

项目1制作课程信息管理系统
项目情景002
项目分析002
学习目标003
（一）知识目标003
（二）技能目标003
（三）素质目标003
知识准备004
1.HTML列表元素004
2.HTML表单元素006
3.HTML框架元素009
项目实践012
1.搭建页面主体结构和内容012
2.创建form表单和搜索框014
3.创建班级列表014
4.制作课程表子页面014
5.使用＜iframe＞标签导入表格016
6.为课程添加超链接，进入课程详情页面017
项目拓展018
项目2设计Web博客（静态）
项目情景020
项目分析020
学习目标021
（一）知识目标021
（二）技能目标021
（三）素质目标021
知识准备021
1.flex弹性布局021
2.边框属性028
3.linear-gradient属性033
项目实践039
1.搭建页面主页结构039
2.搭建页面主体内容039
3.添加正文内容040
4.美化微博话题042
5.对微博话题的字体进行美化043
6.对微博话题的背景色进行美化043
项目拓展044
项目3制作网页计算器
项目情景046
项目分析046
学习目标047
（一）知识目标047
（二）技能目标047
（三）素质目标047
知识准备047
1.JavaScript文件引入方式047
2.JS字符串常用方法049
3.数组常用方法054
4.获取DOM059
5.js单击事件061
项目实践063
1.HTML布局063
2.CSS添加样式064
3.JavaScript计算066
4.扩展功能（验证正则表达式）070
项目拓展072
项目4制作天气预报网
项目情景074
项目分析074
学习目标074
（一）知识目标074
（二）技能目标075
（三）素质目标075
任务1完成天气预报页面内容075
任务描述075
知识准备075
1.HTML5新增语义化元素075
2.HTML5页面增强元素083
3.HTML5多媒体元素083
任务实施085
1.制作页面结构085
2.搭建主体内容085
任务拓展088
任务2为天气预报页面进行移动端适配089
任务描述089
知识准备089
1.视口（viewport）应用089
2.媒体查询091
3.CSS单位093
任务实施093
任务拓展097
任务3天气预报网页获取后台动态数据097
任务描述097
知识准备098
1.Ajax简介098
2.Ajax访问服务器的方法098
3.JavaScript操作DOM的方法099
任务实施099
1.准备服务器端接口页面099
2.修改客户端index.html页面100
3.查看浏览效果101
任务拓展102
项目5制作分享小程序
项目情景104
项目分析104
学习目标104
（一）知识目标104
（二）技能目标105
（三）素质目标105
知识准备105
1.小程序分享功能基础105
2.chooseImage方法107
3.uploadFile方法108
4.request方法110
5.配置域名111
项目实践113
1.创建项目并开发完整的ToDoList项目113
2.开发分享功能114
3.用户上传图片116
4.用户自定义图片分享118
5.完整JS代码118
任务拓展119
项目6制作进阶版分享小程序
项目情景122
项目分析122
学习目标122
（一）知识目标122
（二）技能目标122
（三）素质目标123
任务1制作进阶版分享小程序123
任务描述123
知识准备123
1.注册友盟账户123
2.开通微信地图125
3.getLocation方法126
4.showToast方法128
5.navigateTo方法129
6.map组件130
任务实施133
1.友盟对接133
2.使用地图扩展功能开发137
3.组件的封装142
任务2朋友圈小程序的发布与运维144
任务描述144
知识准备144
1.版本管理工具144
2.npm支持150
3.真机联调156
4.小程序更新机制162
任务实施163
1.发布小程序163
2.小程序数据统计166
3.友盟数据统计167
任务拓展168
项目7制作云数据库版和云函数版朋友圈小程序
项目情景170
项目分析170
学习目标170
（一）知识目标170
（二）技能目标170
（三）素质目标170
任务1制作云数据库版朋友圈小程序171
任务描述171
知识准备171
1.云开发概述和开通171
2.数据库基础172
3.操作数据库174
4.文件存储184
5.调试工具186
任务实施187
1.上传图片至云存储187
2.保存图片地址189
任务2制作云函数版朋友圈小程序215
任务描述189
知识准备190
1.云函数基础190
2.云函数的配置190
3.云函数调试193
4.云函数常用SDK文档194
任务实施201
1.云函数创建201
2.云函数操作数据库203
3.获取用户手机号205
4.云函数的调试209
任务拓展211
项目8制作音乐播放器
项目情景214
项目分析214
学习目标215
（一）知识目标215
（二）技能目标215
（三）素质目标215
知识准备215
1.媒体组件――audio215
2.slider组件218
3.音频API――getBackgroundAudioManager219
项目实践222
1.创建项目和初始化项目222
2.音乐播放列表展示224
3.播放页面的展示227
4.初始化播放器231
5.播放器销毁235
6.播放器暂停和播放235
7.播放拖曳236
8.音乐播放切换控制237
项目拓展238
参考文献239