微信小程序> 微信小程序与支付宝小程序差异

微信小程序与支付宝小程序差异

浏览量:3249 时间: 来源:Running_Forever

1、js命名空间,从wx(微信)改为 my(马云)

      微信小程序使用 wx.xxx

      支付宝小程序使用 my.xxx

2、绑定事件从bind改为on开头,并且采用驼峰形式

bindchange="xx" => onChange="xx"

3、if 和 for语句写法不同 

wx:if => a:ifwx:for => a:forwx:key => a:keywx:for-item => a:for-itemwx:for-index => a:for-index

4、应用生命周期:两者一致

App({  onLaunch(options) {    // 第一次打开  },  onShow(options) {    // 小程序启动,或从后台被重新打开  },  onHide() {    // 小程序从前台进入后台  },  onError(msg) {    // 小程序发生脚本错误或 API 调用出现报错    console.log(msg);  })

5、页面生命周期:主要的生命周期方法一致

Page({  onLoad(query) {    // 页面加载  },  onShow() {    // 页面显示  },  onReady() {    // 页面加载完成  },  onHide() {    // 页面隐藏  },  onUnload() {    // 页面被关闭  },  onPullDownRefresh() {    // 页面被下拉  },  onReachBottom() {    // 页面被拉到底部  },  onShareAppMessage() {   // 返回自定义分享信息  },  onPageScroll() {   //页面滚动   }}

 6、路由相关

      switchTab():两者一致

      reLaunch():两者一致

      redirectTo():两者一致

      navigateTo():两者一致

      navigateBack():两者一致

      getCurrentPages() -> 获取当前页面栈,两一致,

                                         都可以通过返回的页面对象的 route 属性来获取页面的url

7、异步请求

      API一致:wx.request() 或 my.request()

      请求方法:都支持GET、POST、PUT、DELETE,微信小程序支更多的请求方法

                        微信小程序:GET、POST、PUT、DELETE、

                                             HEAD、OPTIONS、TRACE、CONNECT

                        支付宝小程序:GET、POST、PUT、DELETE

      请求头设置:

                        微信小程序:通过 header 设置

                        支付宝小程序:通过 headers 设置,从文档中看字段名多一个s

      success() 回调函数返回的对象属性:

                     微信小程序:

                             data:响应的数据

                             statusCode:响应码,不一致

                             header:响应头,不一致

                     支付宝小程序:

                             data:返回的数据

                             status:响应码,不一致

                             headers:响应头,不一致,从文档中看字段名多一个s

8、缓存

  设置缓存(同步方法):方法名一致,参数不一致

// 微信wx.setStorageSync('key', 'value')// 支付宝my.setStorageSync({  key: 'key',  data: 'data'});

  设置缓存(异步方法):两者一致

// 微信wx.setStorage({    key: 'key',    data: 'data',    success: () => {            }})//支付宝my.setStorage({    key: 'key',    data: 'data',    success: () => {            }})

  获取缓存(同步方法):方法名一致,参数、返回值不一致

// 微信var value = wx.getStorageSync('key') // 返回值为key对应的data值// 支付宝let res = my.getStorageSync({ key: 'key' }) // 返回{key: 'key', data: 'data'}对象

  获取缓存(异步方法):方法名、参数一致,返回值不一致

// 微信wx.getStorage({  key: 'key',  success (res) {    // res 对象包含data,没有key  }})// 支付宝my.getStorage({  key: 'key',  success (res) {    // res 对象包含data和key  }}

  获取当前storage:

         getStorageInfo():两者一致

         getStorageInfoSync():两者一致

  删除缓存(同步方法):方法名一致,参数不一致

// 微信wx.removeStorageSync('key')// 支付宝my.removeStorageSync({  key: 'key',});

  删除缓存(异步方法):两者一致

// 微信wx.removeStorage({  key: 'key',  success () {      }})// 支付宝my.removeStorage({  key: 'key',  success () {      }})

清除缓存同步、异步方法:

       clearStorageSync: 两者一致

       clearStorage:两者一致

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎