微信小程序开发（中级）

本书共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. 获取DOM 059 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. 媒体组件――audio 215 2. slider组件 218 3. 音频API――getBackgroundAudioManager 219 项目实践 222 1. 创建项目和初始化项目 222 2. 音乐播放列表展示 224 3. 播放页面的展示 227 4. 初始化播放器 231 5. 播放器销毁 235 6. 播放器暂停和播放 235 7. 播放拖曳 236 8. 音乐播放切换控制 237 项目拓展 238 参考文献 239