微信小程序入门(更新中)

网页渲染线程和脚本线程是一个进程。而小程序二者是分开的,分别运行在不同的线程。

网页者可以操作和。小程序缺少操作和的方法。导致了、等,在小程序中无法运行。

小程序的运行环境与环境也不相同,所以一些包在小程序中无法运行。

从小程序基础库版本2.2.1开始支持使用安装第三方包。

注册小程序

为了获取,就像我们的身份证一样,是唯一且很重要的,后续的所有流程都会基于这个来完成。

注册方式:

直接在微信小程序的官网注册

通过微信公众注册

条件是已经有微信公众(企业级,个人不可以)

有点事如果公众已经认证过了,小程序不需要再次认证,省去了认证的时间和费用。

安装者工具

、测试、上传代码(上传到微信服务器)

提交审核

发布上线 发布小程序以后,我们才可以在微信中搜索到我们的小程序

错误查询/性能监控 登陆官网 -> -> 运维中心

数据绑定

内容

属性(需要在双引内)

运算符

其他

条件语句

:

:

:

循环

:

默认数组的当前项的下表变量名默认为,数组当前项的变量默认为

使用 :- 可以指定数组当前元素的变量名

使用 :- 可以指定数组当前下标的变量名

: 可以嵌套

:的意思:为了额列表中遍历的每一个元素指定一个唯一的标识。当数据改变触发渲染层重新渲染的时候,确保使组件保持自身状态并提高列表渲染时的效率。

如果被遍历的数组的元素是,我们可以使用他的某一个值,这个值必须是不重复的数组或者字符串。

如果被遍历的数组中的元素是数组或者字符串 *达标在循环中本身。

举例:

假设有数据和视图分别为:

组件

容器的作用,在页面渲染的时候,不会显示标签,类似的

事件、事件绑定和事件对象

事件对象可以携带额外信息,如,

事件

手指触摸动作开始

手指触摸后

手指触摸动作被打断,如来电提醒,弹窗

手指触摸动作结束

手指触摸后马上离开

手指触摸后,超过350在离开,如果指定了时间回调函数并处罚金了这件事,事件将不被触发

手指触摸后,超过350再离开(推荐使用事件代替)

会在 或 . 动画结束后触发

- 会在一个 动画开始时触发

- 会在一个 一次迭代结束时触发

- 会在一个 动画完成时触发

- 在支持 3 的 设备,重按时会触发

事件分类

冒泡事件

非冒泡事件

事件绑定

写法:、的形式 ,不用写()

以 或 开投,然后跟上事件的类型,如、

事件绑定不会阻止冒泡事件向上冒泡,事件绑定可以阻止冒泡事件向上冒泡

事件对象

代表事件的类型

页面打开到触发事件所经过的毫秒数

触发事件的源组件

事件绑定的当前组件

-自定义属性的大小写问题

- 属性是

- 属性是

-- 属性是

全局变量

在.中写的属性,在所有页面中都可以获取到

路由

. 返回

. 跳转到的页面

. 跳转到另一个页面

. 关闭其他所有页面,只跳转到某一个页面

. 关闭当前的页面,但不允许关闭的页面

,不允许通过?=1&=2&…的形式传递参数,可以;同时,获取参数必须在周期函数的参数中获取

页面的生命周期

监听页面加载

监听页面初次渲染完成

监听页面显示

监听页面隐藏

监听页面卸载

监听用户下载动作

监听页面上拉触底事件

监听用户点击右上角分享

如果没有写这个函数,那么点击右上角会显示“当前页面未设置分享”

特别注意:

先执行,再执行,再执行

和只执行一次,每次都会执行。

比如进入一个页面,会执行,然后,然后,如果这时候跳到别的页面,然后再回到这个页面,不会执行和,但是会执行

1.直接在页面展示用户信息,但不能在获取到用户数据

使用-内置组件,属性表示需要展示的用户信息类型,比如头像,昵称等。具体有哪些用户信息,参考文档。

2.在获取用户信息

微信要求点击后才可以获取,所以需要有一个按钮,并且在按钮上绑定-=""属性和属性值,同时,通过事件来获取用户信息

当然,如果用户已经授权过,那么一开始进入页面,就可以调取接口获取到是否已经授权,如果授权,则获取用户信息。

在这里,我们可以在周期函数中通过.调取用户信息

也可以通过.接口来判断是否已经授权

.[‘.’]为表示已经授权。

在.中配置

在.文件中,配置一个属性

特别注意:页面的文件,能配置属性,其他,都是不可以的,并且写的配置时候,不用写,直接写属性即可,例如

在.中,配置属性

1. 分享

只需要在需要的页面定义一个钩子函数即可。

如果不写这个钩子函数,那么点击右上角会显示"当前页面未设置分享".

2. 自定义分享

在当前页面定义一个钩子函数,并且返回一个对象,具体如下:

3. 引导转发(非诱导违规转发)

可以通过.发送请求

表示请求接口

表示携带的数据

表示设置的请求头

表示请求方式

表示数据的类型

表示接收返回体的数据类型

表示成功的回调

表示接口自然失败的回调

表示接口完成后的调用

特别注意:

表示成功的回调,这个成功包含后端返回的

表示接口自然失败的回调,而非后端返回失败,比如直接404

当我们在本地模拟接口的时候,可以取消合法校验,具体可以通过右上角的详情,不校验合法域名、-(业务域名)、版本及证书

当我们每个(多个)接口都使用同一个域,那么我们可以设置一个公共域变量,一般设置方法为:

在.中,然后在当前页面最上方使用 = (),然后,._即可获取到_属性

或者专门设置一个存放变量的.,然后导出,在使用的使用导入这个变量即可

大部分其实都是喜欢使用的,所以,我们可以基于.和去封装一个属于自己的,其实非常简单,就是写一个类而已

1. 从微信小程序跳转到5页面(动态)

首先需要一个-组件,其实就是5页面的容器,我们只需要跳转到该容器即可显示5页面。

设置,这里的就是5页面的地址,当我们跳转到这个页面的时候,就会显示当前对应地址的5页面。当然,我们对该页面可以任意修改,因为5页面只是显示在-这个容器中,有点类似

设置,这里可以通过设置5变量来改变5地址,这个变量可以通过跳转的带过来,这样可以实现动态效果

然后需要在一个页面设置跳转,跳转到-页面,这时候可以携带参数(实现上一步所说的动态效果)

2. 从微信小程序跳转到5页面(静态)

把-的写死即可,在此不赘述。

3. 从5页面跳转到微信小程序

首先,如果想在5页面调用小程序提供的一些接口,就必须在5页面中引入

具体地址可以看文档

然后,跳转方式跟微信小程序的路由跳转类似,只是名字改变了,具体如下5跳转到小程序路由

小程序路由

说明

..

.

使用方法与小程序一致

..

.

使用方法与小程序一致

..

.

使用方法与小程序一致

..

.

使用方法与小程序一致

..

.

使用方法与小程序一致

..

向小程序发送消息,会在特定时机(小程序后退、组件销毁、分享)触发组件的事件 1.7.1

..

获取当前环境 1.7.1

如果需要获取用户收获地址,只需要调用.()方法即可

1. 选择

如果需要选择用户地址位置,只需要调用.()方法即可

2. 获取

如果需要获取用户当前所在位置的地理位置,只需要调用.()方法即可

3. 查看

如果需要使用微信内置地图查看位置,只需要调用.()属性

类型

默认值

必填

说明

纬度,范围为-90~90,负数表示南纬。使用 02 国测局坐标系

经度,范围为-180~180,负数表示西经。使用 02 国测局坐标系

18

缩放比例,范围5~18

位置名

地址的详细说明

接口调用成功的回调函数

接口调用失败的回调函数

接口调用结束的回调函数(调用成功、失败都会执行)

4. 其他操作

1. .()关闭监听实时位置变化,前后台都停止消息接收

参考链接:.

2. .()开启小程序进入前后台时均接收位置消息,需引导用户开启授权。授权以后,小程序在运行中或进入后台均可接受位置消息变化。

参考链接:.

3. .()开启小程序进入前台时接收位置消息

参考链接:.

4. .()监听实时地理位置变化事件,需结合 .、.使用。

参考链接:.

5. .()取消监听实时地理位置变化事件

参考链接:.

© 版权声明
THE END
分享