微信小程序和支付宝小程序对比

微信小程序和支付宝小程序对比

获取自定义组件语法对比

支付宝和微信的自定义组件语法几乎一样，当我们开发完成一个组件，在实际页面中引用时，需要获取到组件的实例。

1. 支付宝获取自定义组件实例：

       <cxloading ref='saveLoading' /> 
       saveLoading(ref){this.cxLoading = ref;}
       //支付宝组件需要通过方法获取

2. 微信获取自定义组件实例：

       <cxLoading id='cxLoading'></cxLoading>
       this.cxLoading = this.selectComponent("#cxLoading");
       //微信自定义组件通过id获取DOM

父子组件通信语法对比

1. 支付宝子传父：(on开头)

       子：this.props.onRefreshFlight("aaa");
       父：<cxmodal ref='saveModal' onRefreshFlight="bbb">

2. 微信子传父：(triggerEvent触发)

       子：this.triggerEvent("refreshFlight","aaa");
       父：<cxmodal id='cxmodal' bind:refreshFlight="bbb">

3. 支付宝父传子：（子组件用this.props获取）

       父：<cxmodal flight_date='{{currentFlight.flight_date}}'>
       子：this.props.flight_date

4. 微信父传子：（直接获取）

       父：<cxmodal flight_date='{{currentFlight.flight_date}}'>
       子：this.data.flight_date

支付宝开发工具差别

1. 关联应用：详情选择关联当前应用，否则无法授权
2. 使用自定义组件时，开发工具需要选择component2编译
3. 使用支付宝云开发需要管理员授权并开通云产品，开通severless服务，创建云服务空间，创建云资源并在IDE中关联Serverless
4. 微信云开发直接在创建应用的时候选择云开发模式即可使用云开发

比较常用的js

1. 过滤唯一值/去重,并生成新数组

       var a = [1,1,2,3]
       var b = [...new Set(a)]

2. 格式化json

       JSON.stringify({},null,'\t')

3. 字符串数组转为整型数组["1","2","3"]===>[1,2,3]

       arr = arr.map(Number)
       //注意：一定要重新赋值，因为map会返回新数组，forEach会修改原数组