promise,小程序目录结构&封装wx.request()思路:

本文介绍了Promise原理及在微信小程序中的应用,详细阐述了如何封装wx.request(),包括创建目录结构、配置环境、封装请求方法以及在页面中的使用。同时提及了微信小程序的双向数据绑定和自定义组件创建过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

`图片加载

promise封装原生ajax

微信小程序

auto-focus 自动获焦
bindtap 按钮点击触摸事件
bindblur 失去焦点

view相当于div
text相当于span

如何设置data数据:this.setDate({ txt:e.detail.value })
获取data数据: this.data.txt
循环默认有item和index

小程序常用得组件 input button textPromise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果 从语法上说,**promise** 是一个对象,从它可以获取异步操作的的最终状态(成功或失败) Promise是一个构造函数`,对外提供统一的 API,自己身上有all、reject、resolve等方法,原型上有then、catch等方法

  1. 解决地狱回调

  2. 可以链式调用

  3. 有三种状态。1)pending 初始状态 2)fulfilled 成功状态 3)rejected 失败状态
    Promise的状态一旦改变,就不会再变,任何时候都可以得到这个结果,状态不可以逆,只能由 pending变成fulfilled或者由pending变成rejected

    1. 应用场景:封装ajax,axios的get,post封装,微信小程序中封装wx.request(),uniapp开发中uni.request()
      首字母小写指的是“promise实例对象
      首字母大写表示“Promise构造函数
      首字母大写且加s复数形式,指代“Promises规范”
      在这里插入图片描述
      promise封装wx.request()思路:
      首先创建目录结构 在根目录下创建http目录,目录下有三种js文件
      分别是api.js\fetch.js 非痴 \http.js
      然后在根目录下创建env目录,创建index.js配置并导出多个开发环境
      开发环境分别是:
      1.开发环境
      2.测试环境
      3.生产环境 是使用htts形式 通常也是真实环境
      需要注意的是在微信小程序开发时,你在开发工具中详情设置中可以不校验https证书,
      但出于安全考虑,小程序在上线时只能使用https的接口。
      然后在api.js中导出你需要的接口统一同意管理请求的url地址
      在fetch.js中使用promise对wx.request()进行封装(一般需要导出三个参数:url地址,method请求方式,data参数)
      如果需要配置header也可以在其中配置。
      在http.js根据当前导入之前三个环境中,确定使用开发环境,设置相应的baseUrl, 引入fetch中封装好的promise请求
      在全局app.js中导入http,注册到根组件
      在具体页面中全局导入定义好的方法,并在onload生命周期中通过app、调用http使用最后封装好的接口的方法获取接口数据;

微信小程序双向数据绑定:
使用model:value="{{}}"
自定义组件创建:components下创建一个文件夹
my-components再去生成是个文件
1.my-components.json写入‘usingcomponents:{
w-swiper
}’
2.my-components.js中组建的属性列表propertoes
//空标签

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值