第1部分 微信小程序 2
第1天 微信小程序概述 2
1.1 什么是微信小程序 2
1.2 小程序在个人移动互联时代的意义 3
1.3 微信大事记 4
1.4 新的消息 6
第2天 微信小程序的技术架构特点 10
2.1 微信小程序在开发上的特点 10
2.2 微信将会支持的小程序分发模式 11
2.3 微信小程序将会给前端设计带来的变革 11
2.4 学习微信小程序开发的路径 12
第2部分 开发前的准备 14
第3天 小程序的注册申请 14
3.1 申请微信小程序 14
3.2 微信认证 15
3.3 小程序绑定微信开放平台账号 16
第4天 开发环境的搭建 18
4.1 认识小程序管理后台 18
4.2 小程序开发环境的搭建 19
4.3 初识小程序开发工具 20
4.4 编辑模式 21
4.5 调试模式 22
4.6 项目管理 23
第3部分 微信小程序的技术框架 26
第5天 框架和配置文件 26
5.1 小程序的目录结构 26
5.2 JSON-小程序的配置文件 27
5.2.1 pages-页面配置 28
5.2.2 window-窗口表现配置 29
5.2.3 tabBar-导航栏配置 29
5.2.4 network Timeout-通信超时事件配置 30
5.2.5 debug-调试模式配置 30
第6天 逻辑层（AppService） 32
6.1 小程序的初始化 32
6.2 页面注册 34
6.3 页面的路由 38
6.4 逻辑层的模块化 38
第4部分 WXML语言与视觉组件 42
第7天 WXML语言和数据绑定 42
7.1 WXML语法规范 42
7.2 视觉组件 43
7.3 组件的数据绑定 44
7.3.1 数据的简单绑定 44
7.3.2 绑定时的运算 46
7.3.3 绑定时的数据组合 47
第8天 逻辑渲染语句 50
8.1 wx:if条件渲染语句 50
8.2 wx:for列表渲染语句 51
第9天 WXML的高级特性 55
9.1 模板 55
9.2 事件 56
9.3 事件对象 58
9.4 引用 61
第5部分 WXSS样式表语言 64
第10天 WXSS语言基础 64
10.1 WXSS（CSS）简介 64
10.2 CSS基本语法 65
10.3 选择器 66
10.3.1 id选择器 66
10.3.2 class选择器 67
10.4 使用CSS样式表 67
10.4.1 内联样式 68
10.4.2 外部样式表 68
10.5 WXSS的新增特性 69
第11天 CSS常用属性 71
11.1 尺寸属性 71
11.2 背景属性 72
11.2.1 背景颜色 72
11.2.2 背景图像 72
11.3 文本格式 72
11.3.1 文本颜色 72
11.3.2 文本对齐方式 73
11.3.3 文本转换 73
11.3.4 文本缩进 73
11.4 字体属性 74
11.4.1 字体系列 74
11.4.2 字体大小 74
第12天 CSS布局属性 75
12.1 盒模型（Box Model） 75
12.2 显示方式与可见性 76
12.3 position定位 77
12.4 float浮动属性 78
12.5 边框 78
12.5.1 边框样式 78
12.5.2 边框宽度 79
12.5.3 边框颜色 79
12.6 外边距和内边距 80
第13天 Flex布局 81
13.1 Flex布局简介 81
13.2 模型 81
13.3 容器属性 82
13.3.1 主轴方向属性 82
13.3.2 换行属性 83
13.3.3 简写形式 83
13.3.4 主轴对齐属性 84
13.3.5 侧轴对齐属性 84
13.3.6 多行对齐属性 85
13.4 项目的属性 85
13.4.1 顺序属性 85
13.4.2 放大比例属性 85
13.4.3 缩小比例属性 86
13.4.4 伸缩基准属性 86
13.4.5 简写形式 86
13.4.6 单项对齐属性 87
第6部分 JavaScript入门 90
第14天 JavaScript语言基础 90
14.1 文件的编辑和运行 90
14.2 语句 91
14.2.1 语句块 91
14.2.2 注释语句 92
14.2.3 小程序的调试输出语句 92
第15天 变量与数据类型 93
15.1 变量 93
15.2 操作符 94
15.3 数据类型 95
15.3.1 数值 95
15.3.2 字符串 95
15.3.3 布尔型 96
15.3.4 数据类型转换 96
15.3.5 null和undefined 97
15.4 数组 97
15.4.1 创建和初始化数组 97
15.4.2 数组元素的存取 98
15.4.3 数组的操作 98
第16天 流程控制语句 100
16.1 条件语句 100
16.1.1 if语句 100
16.1.2 条件运算符 101
16.1.3 逻辑操作符 102
16.1.4 switch语句 102
16.2 循环语句 103
16.2.1 for循环 103
16.2.2 for in循环 104
16.2.3 while循环 104
16.2.4 do while循环 105
16.2.5 break退出循环语句 105
16.2.6 continue继续循环语句 106
第7部分 JavaScript进阶 108
第17天 面向对象程序设计（OOP） 108
17.1 类和对象 108
17.2 创建对象 110
17.2.1 直接创建Object类的对象实例 110
17.2.2 用new关键字创建对象 111
17.2.3 this关键字 111
17.3 使用对象 111
17.4 继承 112
第18天 函数 114
18.1 定义函数 114
18.1.1 定义命名函数 114
18.1.2 定义匿名函数 115
18.1.3 用Function类创建匿名函数 116
18.2 函数的参数 116
18.3 函数的返回值 117
第19天 JSON语法详解 118
19.1 JSON的语法结构 118
19.2 使用JSON 119
19.2.1 从JSON中读数据 119
19.2.2 向JSON中写数据 120
19.2.3 修改JSON中的数据 120
19.2.4 删除JSON中的数据 120
19.2.5 遍历JSON对象 120
第20天 ES6语法 122
20.1 ES6简介 122
20.2 ES6常用语法详解 122
20.2.1 let变量声明语句 122
20.2.2 const常量声明语句 123
20.2.3 类操作语句 123
20.2.4 arrow function箭头函数 124
第8部分 工具和社区 126
第21天 开发工具和学习社区 126
21.1 Coolsite360可视化工具 126
21.2 即速应用 129
21.3 开发社区介绍 130
附录 微信小程序工具书 134
附录A 小程序组件详解 134
A.1 视图容器 134
A.1.1 view 134
A.1.2 scroll-view 135
A.1.3 swiper 137
A.2 基础内容组件 138
A.2.1 icon 138
A.2.2 text 140
A.2.3 progress 140
A.3 表单组件 141
A.3.1 button 141
A.3.2 checkbox-group 143
A.3.3 form 144
A.3.4 input 145
A.3.5 label 148
A.3.6 picker 152
A.3.7 radio-group 154
A.3.8 slider 155
A.3.9 switch 156
A.3.10 textarea 157
A.4 导航组件 158
A.5 媒体组件 160
A.5.1 image 160
A.5.2 video 162
A.6 地图组件 165
A.7 画布组件 166
附录B 小程序API详解 169
B.1 网络 171
B.1.1 发起请求 172
B.1.2 上传、下载 173
B.1.3 Web Socket 175
B.2 媒体 178
B.2.1 图片 178
B.2.2 录音 180
B.2.3 音频播放控制 181
B.2.4 音乐播放控制 183
B.2.5 音频组件控制 185
B.2.6 视频 187
B.2.7 视频组件控制 188
B.3 文件 190
B.4 数据缓存 193
B.5 位置 198
B.5.1 获取位置 198
B.5.2 查看位置 199
B.5.3 地图组件控制 200
B.6 设备 202
B.6.1 系统信息 202
B.6.2 网络状态 203
B.6.3 重力感应 203
B.6.4 罗盘 204
B.6.5 拨打电话 204
B.6.6 扫码 205
B.7 界面 205
B.7.1 交互反馈 205
B.7.2 设置导航条 208
B.7.3 导航 209
B.7.4 动画 210
B.7.5 绘图 214
B.8 开放接口 214
B.8.1 登录 214
B.8.2 用户信息 220
B.8.3 微信支付 221
B.8.4 模板信息 222
B.8.5 客服消息 226
B.8.6 分享 234
附录C JavaScript的关键字和操作符 235
C.1 JavaScript操作符 235
C.2 字符串方法（表C-8） 237
C.3 Math对象 237
C.4 Date对象（表C-13） 238