关于小程序:微信小程序和支付宝小程序对比

52次阅读

共计 1036 个字符,预计需要花费 3 分钟才能阅读完成。

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

获取自定义组件语法比照

支付宝和微信的自定义组件语法简直一样,当咱们开发实现一个组件,在理论页面中援用时,须要获取到组件的实例。

  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 会批改原数组 

正文完
 0