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

1、js命名空间，从wx（微信）改为 my（马云）

      微信小程序使用 wx.xxx

      支付宝小程序使用 my.xxx

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

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

3、if 和 for语句写法不同 

wx:if => a:if
wx:for => a:for
wx:key => a:key
wx:for-item => a:for-item
wx: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：两者一致