`图片加载
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)pending 初始状态 2)fulfilled 成功状态 3)rejected 失败状态
Promise的状态一旦改变,就不会再变,任何时候都可以得到这个结果,状态不可以逆,只能由 pending变成fulfilled或者由pending变成rejected- 应用场景:封装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使用最后封装好的接口的方法获取接口数据;
- 应用场景:封装ajax,axios的get,post封装,微信小程序中封装wx.request(),uniapp开发中uni.request()
微信小程序双向数据绑定:
使用model:value="{{}}"
自定义组件创建:components下创建一个文件夹
my-components再去生成是个文件
1.my-components.json写入‘usingcomponents:{
w-swiper
}’
2.my-components.js中组建的属性列表propertoes
//空标签