21天精通微信小程序开发PDF电子书下载

第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