- 前言尚未完成
- 第一章内容有点单薄，需要补充
- 第二章目标为搭建为类似pitu-mini-program的template
- 需要增加一些webpack的介绍
- 增加scss，less的介绍
- 第三章的代码可以开始弄起来了（先要完成第二章的template，否则后面会有代码不一致的问题），一步步的完成，注意写好commit message
阅读本书你将获得什么
a. 完整的小程序开发知识体系
b. 现代前端开发者的必备技能
如何阅读本书
1.1 项目创建
1.1.1 使用IDE创建项目
1.1.2 项目结构介绍
1.1.3 小结
1.2 基本UI组件使用
1.2.1 组件介绍
1.2.2 更新页面UI
1.3 动画API使用
1.3.1 动画API示例
1.3.2 添加动画效果
1.4 小结
2.1 为什么要工程化
2.1.1 工程化的好处
2.1.2 现代前端的必备技能
2.2 手把手完成webpack配置
2.2.1 Scss/Less 自动编译
2.2.2 ES6 自动编译
2.2.3 小程序热更新
2.3 添加测试
2.3.1 测试的 好处
2.3.2 现有测试框架比较 && 选择
2.3.3 为项目添加Jest测试
2.3.4 UI测试的探讨
2.4 打造自己的项目模板
3.1 页面布局
3.1.1 小程序布局方式
3.1.2 分析并完成页面布局
3.2 完成基本功能
3.2.1 单种货币的计算
3.2.2 完成页面UI刷新
3.3 实现多货币转换功能
3.4 优化用户体验
3.5 后续优化空间
4.1 小程序数据存储API
4.1.1 全局数据管理
4.1.2 保存到本地
4.2 富文本组件使用
4.2.1 富文本的展示
4.2.2 实现富文本可编辑
4.3 便签编辑页面
4.3.1 页面搭建
4.3.2 业务逻辑实现
4.4 便签列表页面
4.4.1 页面搭建
4.4.2 业务逻辑实现
5.1 新闻API的获取
5.1.1 获取API Key
5.1.2 测试API调用
5.2 小程序中嵌入webview
5.3 完成新闻列表页面
5.3.1 图文列表实现
5.3.2 上拉刷新实现
5.3.3 下拉加载更多逻辑实现
5.4 新闻详情页面实现
6.1 效果展示, 功能&难点分析 6.2 基本UI搭建, 工具类编写 6.3 游戏主题功能实现
- 用户可滑动
- 数字可叠加
- 动画效果 6.4 历史记录 6.5 可扩展? 任意大小棋盘
7.1 Node.js 搭建简单的服务器
7.1.1 创建Express Server
7.1.2 实现Socket链接
7.2 小程序的前后端交互
7.2.1 小程序域名配置
7.2.2 小程序连接Node服务器
7.3 实现单个用户接发消息
7.3.1 聊天页面实现
7.3.2 前后端聊天交互逻辑
7.4 实现多人在线聊天功能
7.4.1 Node服务器多用户连接
7.4.2 小程序多端测试
8.1 商城应用分析
8.1.1 页面切换逻辑
8.1.2 前端数据管理
8.2 后端API熟悉
8.2.1 拉取首页推荐列表接口
8.2.2 搜索商品接口
8.2.3 拉取商品详情接口
8.2 商城首页
8.2.1 页面搭建
8.2.2 接入后端数据
8.3 商品列表页
8.3.1 页面搭建
8.3.2 接入后端数据
9.1 商品详情页
9.1.1 顶部图片预览控件
9.1.2 评论组件
9.1.3 商品介绍富文本实现
9.1.4 接入后端数据
9.2 购物车页面
9.2.1 页面搭建
9.2.2 前端全局数据管理
9.2.3 接入后端数据
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.4 页面数量限制问题
10.4.1 为何有如此限制
10.4.2 如何绕过该限制
10.5 如何使用第三方library
10.5.1 微信系统的引用方式
10.5.2 使用webpack自定义引用
11.1 上线准备
11.1.1 关键指标埋点
11.1.2 代码包大小优化
11.1.3 完整的测试流程
11.1.4 错误收集及异常处理
11.2 小程序运营
11.2.1 查看基础数据指标
11.2.2 提高用户粘性
11.2.3 广告接入