导语

  

内容提要

  

    本书从实战出发，精心挑选了5个小程序项目案例，并详细介绍它们的开发过程，从而帮助读者理解小程序开发中的各个知识点。不同于已经出版的一些小程序书籍只是简单罗列API文档，本书没有对API泛泛而谈，而是在项目实战中讲解API的使用技巧，帮助读者更好地掌握小程序开发技术。本书涉及的项目案例均给出了详尽的源代码和讲解，不仅可以教会读者如何开发小程序，而且还可以启发读者的开发思路。
    本书共11章，分为3篇。第1篇“入门与开发环境搭建”，带领读者创建第一个小程序，并进一步搭建小程序开发的工程化框架；第2篇“项目开发实战”，重点介绍汇率计算器、便签应用、新闻客户端、2048小游戏和音乐小程序5个实际项目案例的开发过程；第3篇“难点解析与上线运营”，重点介绍小程序开发中常见的难点问题，以及小程序的测试、数据上报和持续运营等知识，帮助读者全面了解小程序的整个生命周期。
    本书内容丰富，实用性强，适合小程序开发人员及爱好者阅读，尤其适合有一定小程序开发经验的项目开发人员阅读。另外，本书也可以作为相关院校和培训机构的教材。

    沈顺天，前端开发工程师。曾任Works Applications软件开发工程师，现任腾讯（上海）科技有限公司前端开发高级工程师。在腾讯公司参与开发了天天P图、疯狂变脸和换个头像等多款小程序。热爱开源，在GitHub上有多个开源项目。

前言
第1篇  入门与开发环境搭建
  第1章  首个小程序——Hello World
    1.1  项目创建
      1.1.1  使用IDE创建项目
      1.1.2  项目结构介绍
    1.2  UI组件的使用
      1.2.1  组件介绍
      1.2.2  前端杂谈：attribute与property
      1.2.3  更新页面UI
    1.3  动画API的使用
      1.3.1  动画API示例
      1.3.2  对比Web动画
      1.3.3  添加动画效果
    1.4  本章小结
  第2章  工程化小程序开发
    2.1  为什么要工程化
      2.1.1  工程化的好处
      2.1.2  前端工程化介绍
    2.2  一步步教你完成webpack配置
      2.2.1  文件目录打包
      2.2.2  ES 6自动编译
      2.2.3  将测试文件从代码包中剔除
      2.2.4  Sass/Less自动编译
      2.2.5  小程序热更新
    2.3  打造自己的项目模板
      2.3.1  本地初始化项目
      2.3.2  创建远端项目
      2.3.3  关联本地项目到远端仓库
      2.3.4  为模板项目打上tag标签
      2.3.5  使用模板创建新项目
    2.4  本章小结
第2篇  项目开发实战
  第3章  汇率计算器
    3.1  静态数据展示
      3.1.1  创建项目
      3.1.2  页面组成分析
      3.1.3  页面搭建
    3.2  基本功能实现
    3.3  基础货币切换
    3.4  保存用户设置
    3.5  本章小结
  第4章  便签应用
    4.1  基本页面搭建
      4.1.1  页面组成分析
      4.1.2  页面搭建
    4.2  实现便签管理
      4.2.1  接口设计
      4.2.2  接口实现
      4.2.3  接口调用
    4.3  实现纯文本便签
      4.3.1  editor组件简介
      4.3.2  实现便签编辑页面
    4.4  实现富文本编辑
      4.4.1  editor富文本API介绍
      4.4.2  实现页面布局
      4.4.3  实现富文本样式
    4.5  本章小结
  第5章  新闻客户端
    5.1  功能分析
    5.2  API获取及封装
      5.2.1  获取API
      5.2.2  封装API调用函数
    5.3  实现基本的新闻列表
    5.4  实现新闻话题切换
    5.5  使用webview实现新闻详情页
    5.6  实现新闻列表滑动切换
    5.7  自定义新闻标签
    5.8  本章小结
  第6章  2048小游戏（上）
    6.1  功能分析
    6.2  基本布局的实现
      6.2.1  整体页面布局
      6.2.2  中间的game-panel布局
    6.3  用户手势检测
    6.4  滑动逻辑的实现
      6.4.1  抽取Board类用于管理棋盘
      6.4.2  实现初始化棋盘逻辑
      6.4.3  实现初始化棋盘滑动逻辑
    6.5  方块合并及新方块生成的实现
      6.5.1  实现方块合并
      6.5.2  新方块生成
    6.6  游戏状态管理
      6.6.1  游戏分数计算
      6.6.2  游戏结束处理
      6.6.3  历史最高分记录
    6.7  UI优化
    6.8  本章小结
  第7章  2048小游戏（下）
    7.1  canvas的使用
      7.1.1  搭建canvas测试页面
      7.1.2  在小程序中调用canvas接口
    7.2  canvas绘图API的使用
      7.2.1  矩形绘制API
      7.2.2  path的使用
      7.2.3  曲线绘制
    7.3  在canvas中实现动画效果
    7.4  使用canvas绘制2048静态页面
      7.4.1  修改棋盘布局
      7.4.2  改造Board类
      7.4.3  绘制棋盘静态画面
    7.5  绘制动画效果
      7.5.1  绘制方块移动动画
      7.5.2  绘制新方块出现动画
    7.6  本章小结
  第8章  音乐小程序（上）
    8.1  准备工作
      8.1.1  启动后端服务
      8.1.2  创建小程序前端项目
    8.2  主页面基本框架搭建
      8.2.1  静态顶部tab的实现
      8.2.2  tab动态切换的实现
    8.3  “个性推荐”tab
      8.3.1  搭建基本结构
      8.3.2  “推荐歌单”部分的实现
      8.3.3  “最新音乐”部分的实现
      8.3.4  “推荐MV”和“主播电台”部分的实现
    8.4  “歌单”tab
      8.4.1  全部歌单列表实现
      8.4.2  切换歌单分类
    8.5  “主播电台”tab
      8.5.1  组件创建
      8.5.2  实现“精彩节目”页面
      8.5.3  实现“推荐电台”页面
      8.5.4  实现热门电台部分
    8.6  “排行榜”tab
      8.6.1  组件创建
      8.6.2  数据获取
      8.6.3  排行榜列表的实现
    8.7  本章小结
  第9章  音乐小程序（下）
    9.1  音乐播放页
      9.1.1  页面创建
      9.1.2  静态页面展示
      9.1.3  音频数据获取
      9.1.4  音乐播放控制
      9.1.5  唱片机效果实现
      9.1.6  音乐进度组件
      9.1.7  歌词组件
    9.2  歌单详情页
      9.2.1  页面创建
      9.2.2  数据获取
      9.2.3  静态数据展示
      9.2.4  跳转逻辑实现
      9.2.5  排行榜详情页
    9.3  评论页
      9.3.1  页面创建
      9.3.2  数据拉取
      9.3.3  数据展示
    9.4  MV页
      9.4.1  页面创建
      9.4.2  数据获取
      9.4.3  基本布局及MV播放
      9.4.4  “详情”tab展示
      9.4.5  “评论”tab展示
      9.4.6  “相关MV”tab展示
    9.5  用户详情页
      9.5.1  页面创建
      9.5.2  数据获取
      9.5.3  个人信息展示部分
      9.5.4  歌单列表部分
    9.6  电台详情页
      9.6.1  页面创建
      9.6.2  数据获取
      9.6.3  电台信息展示部分
      9.6.4  节目列表部分
    9.7  电台节目播放页
      9.7.1  页面创建
      9.7.2  数据获取
      9.7.3  电台信息展示部分
    9.8  本章小结
第3篇  难点解析与上线运营
  第10章  小程序开发难点解析
    10.1  多图列表页面性能问题
      10.1.1  问题分析
      10.1.2  如何解决
      10.1.3  总结思路
    10.2  代码包的大小限制
      10.2.1  如何减少代码包的大小
      10.2.2  为什么存在该限制
    10.3  图片懒加载问题
      10.3.1  分析解决方案
      10.3.2  实现一个可复用的懒加载组件
      10.3.3  测试使用懒加载组件
    10.4  页面数量限制问题
      10.4.1  分析目前的问题
      10.4.2  实现页面数量突破限制
      10.4.3  测试效果
    10.5  本章小结
  第11章  小程序上线及运营
    11.1  数据埋点
      11.1.1  自定义平台数据上报
      11.1.2  小程序接口数据上报
    11.2  小程序测试
      11.2.1  单元测试
      11.2.2  UI适配
      11.2.3  旁路测试
      11.2.4  错误上报
    11.3  小程序运营
      11.3.1  提交审核
      11.3.2  提升用户黏性
      11.3.3  广告接入
    11.4  本章小结