6、小程序的网络数据请求

6.1、举例添加一个网络请求接口

（1）配置可用的请求接口

（注意如果更改了域名需要本地手动编译下才可以调用）

（2）发起GET/POST请求

下图为get请求，post请求只要把method更改成POST即可

再次请求接口时，如果需要与旧数据拼接可用如下

（3）页面加载时请求接口

onload方法在新建页面时有自动生成，可以直接使用

（4）暂时绕过htts校验

（5）请求接口展示数据加载中效果

7、页面导航（页面之间跳转）

1、导航到tabBar（页签）页面

方式一通过navigator

跳转后可在模拟器如下查看到传递的参数

方式二通过代码

2、导航到非tabBar（非页签)页面

方法一通过navigator

方法二通过代码

3、导航到后一页（上一页）

方法一：通过navigator

方法二：通过代码

4、导航传递/接收参数

方法一传递通过navigator

方法二传递通过代码

接收参数方法

8、wxs语法介绍

1、与js的区别

2、在小程序页面wxml里使用

3、wxs文件的使用

4、注意事项

9、微信开发者文档

1、微信提供了一些方法，可以直接使用

10、小程序组件

1、新建小程序组件

2、组件的引用

2.1 局部引用

2.2全局引用

3、组件和页面的区别

4、组件里的样式隔离

4.1 组件的样式隔离

4.2 修改组件的样式隔离

5、组件的开发

5.1定义数据

5.2定义方法

1、data和properties的区别

2、组件里修改properties里的值

5.3、组件里的监听器

1、监听字段值的变化

1、监听器使用举例

2、监听对象里的字段

3、监听组件所在页面的行为

（页面的生命周期）

5.4 组件的插槽

1、使用单个插槽

2、配置使用多个插槽

5.5、组件的通信

1、与页面的通信Properties

传入的参数Properties

2、组件之间的通信

（1）方式一通过属性绑定通信

（2）方式二通过事件绑定通信

（3）方式三通过获取组件实例

5.6、组件间代码共享behaviors

1、代码共享

2、组件与共享代码有同名数据处理方式

6、纯数据字段

7、组件的生命周期函数

7.1定义生命周期函数

8、引入第三方组件

1、npm的支持与限制

2、小程序的UI组件库

1、Vant UI组件库的使用

（1）安装Vant库

注意js和ts安装步骤不同，本例为Js官网也有说明

1、初始包管理配置文件

由于使用了npm所以，所以记得需要初始包管理配置文件，生成package.json

2、安装指定版本的包

npm i @vant/weapp@1.3.3 -S --production

3、构建npm包

如果找不到本地设置因为新版工具已经默认支持了

这时包就安装好了，会出现如下目录

4、不使用微信默认基础组件

（2）使用Vant组件

官方文档中也有事例

（3）Vant定制全局主题样式

原理

例子：

Vant里的例子：

如下即可修改danger按钮的默认样式：

因为每个页面根节点都是page，所以我们在全局样式里用page作为根节点即可

四时宝库

程序员的知识宝库

微信小程序开发教程2(从0基础到学会UI组件开发)