正版新书]微信小程序开发基础吴胜9787302499152

····························································
目录Contents第1章微信小程序开发起步1
1.1微信小程序简介1
1.2微信小程序开发工具的下载、安装和使用1
1.3小程序项目的基本组成8
1.4小程序的生命周期13
1.5小程序的框架15
1.6数据的初始化、绑定和渲染16
1.7使用模板提高效率24
1.8小程序开发的一般步骤27
1.9小程序的设计指南27
习题128
第2章视图容器组件29
2.1flex布局和组件view29
2.2滚动视图组件scrollview36
2.3滑块视图容器组件swiper39
2.4组件movableview和movablearea45
2.5组件coverview和coverimage47
习题249
第3章基础组件50
3.1图标组件icon50
3.2文本组件text52
3.3富文本组件richtext54
3.4进度条组件progress56
习题357◆微信小程序开发基础目录第4章表单组件58
4.1按钮组件button58
4.2多项选择器checkboxgroup和多选项目checkbox62
4.3表单组件form64
4.4输入框组件input67
4.5组件label70
4.6滚动选择器组件picker74
4.7嵌入页面的滚动选择器组件pickerview81
4.8单项选择器radiogroup和单选项目radio83
4.9滑动选择器组件slider84
4.10开关选择器组件switch86
4.11多行输入框组件textarea87
习题490
第5章互动操作组件91
5.1底部菜单组件actionsheet91
5.2弹出对话框组件modal93
5.3消息提示框组件toast95
5.4加载提示组件loading96
习题598
第6章媒体组件99
6.1音频组件audio99
6.2图片组件image101
6.3视频组件video104
习题6106
第7章其他组件107
7.1地图组件map107
7.2画布组件canvas111
7.3开放数据组件opendata113
7.4客服会话按钮contactbutton114
7.5导航组件navigator115
习题7120
第8章网络API121
8.1网络HTTPS请求API121
8.2上传文件和下载文件API123
8.3WebSocket会话API127
习题8130
第9章媒体API131
9.1图片API131
9.2录音API138
9.3音频播放控制API140
9.4音乐播放控制API142
9.5背景音频播放管理API145
9.6音频组件控制API148
9.7视频API150
9.8视频组件控制API152
习题9153
第10章设备API154
10.1系统信息API154
10.2网络状态API158
10.3加速度计API159
10.4罗盘API161
10.5拨打电话API163
10.6扫码API164
10.7剪贴板API165
10.8蓝牙API167
10.9iBeacon设备API180
10.10屏幕亮度API184
10.11用户截屏事件API187
10.12振动API188
10.13手机联系人API190
习题10193
第11章界面API194
11.1交互反馈API194
11.2设置导航条API198
11.3设置置顶信息API201
11.4导航API202
11.5动画API208
11.6位置API214
11.7绘图API214
11.8下拉刷新API237
习题11239
第12章开放接口240
12.1登录API240
12.2授权API244
12.3用户信息API247
12.4微信支付API249
12.5模板消息API251
12.6客服消息API255
12.7转发API263
12.8获取二维码API267
12.9收货地址API269
12.10卡券API271
12.11设置API275
12.12微信运动API278
12.13打开小程序API279
12.14获取发票抬头API281
12.15生物认证API283
习题12286
第13章其他API288
13.1文件API288
13.2数据缓存API294
13.3位置API300
13.4WXML节点信息API307
13.5第三方平台API310
13.6数据接口312
13.7拓展接口319
13.8调试接口320
习题13321
第14章使用WeUI进行设计322
14.1WeUI使用示例322
14.2WeUI常用组件325
习题14329
第15章使用wxcharts进行设计330
15.1饼形图330
15.2面积图333
15.3环形图334
15.4柱状图336
15.5曲线图338
习题15340
第16章项目341
16.1旅游项目341
16.2菜谱项目345
习题16352
参考文献353

第3章Chapter3基础 组件本章主要介绍可以应用于不同场景的图标组件icon、文本组件text、富文本组件richtext和进度条组件progress的属性和常见用法。图标组件icon有很多种，包括成功、警告、提示、取消、下载等不同含义的图标。文本组件text是小程序中最简单的组件，用于显示文本。进度条组件progress是一种提高用户体验度的组件，可以设置完成的百分比。
3.1图标组件icon微信小程序提供了丰富的图标组件。icon能被用于显示系统内置的图标，而不能自己指定图标。icon组件可以应用于不同的场景，包括成功、警告、提示、取消、下载等不同含义的图标，如图31所示。icon图标组件的属性说明如表31所示。表31icon组件属性信息属性类型说明typeStringicon的类型，有效值：success、success_no_circle、info、warn、waiting、cancel、download、search、clearsizeNumbericon的大小，单位为px，默认值为23colorColoricon的颜色，同CSS中的color例31代码如下，效果如图31所示。
例31◆微信小程序开发基础第◆3章基础组件//index.jsPage({data:{iconSize:\\[20,30,40,50,60,70\\].reverse(),iconType:\\['success','info','warn','waiting','safe_success','safe_warn','success_circle','success_no_circle','waiting_circle','circle','download','info_circle','cancel','search','clear'\\],iconColor:\\['red','orange','yellow','green','rgb(0,255,128)','blue','purple'\\]}})图31icon组件的应用3.2文本组件text文本组件text是小程序中最简单的组件，用于显示文本。text组件内只支持text嵌套，除了文本节点，其他节点都无法被长按选中。它支持转义符“\\\\”，如换行（“\\\\n”）。文本组件text的属性说明如表32所示。表32text属性信息属性类型默认值说明selectableBooleanfalse文本是否可选spaceStringfalse显示连续空格decodeBooleanfalse是否解码text的space属性有效值如表33所示。decode可以解析的有 、<、>、&、&apos、&ensp、&emsp。表33space属性有效值
值说明ensp中文字符空格大小的一半emsp中文字符空格大小nbsp根据字体设置的空格大小例32代码如下，效果如图32所示。
例32text展示{{text}}（最后一行）添加文字行减少文字行设置文字颜色