支付宝小程序和微信小程序区别

支付宝小程序与微信小程序的区别

**
1. 微信小程序：

xx.wxml     xx.wcss  xx.json  xx.js

2.支付宝小程序：

xx.axml  xx.acss xx.json  xx.js

3.app.json中区别

微信：
`"window": {
    "backgroundTextStyle": "light",             //下拉背景字体
    "navigationBarBackgroundColor": "#d0501f",  //导航栏背景颜色
    "navigationBarTitleText": "",              //导航栏标题文字内容
    "navigationBarTextStyle": "white",         //导航栏标题文字样式
    "enablePullDownRefresh": true,             //是否开启下拉刷新
    "onReachBottomDistance": 50        //页面上拉触底事件触发时距页面底部距离，单位为px。
},`

 "tabBar": {
    "selectedColor": "#d0501f",      //选中字体颜色
    "backgroundColor": "#fff",       //背景颜色
    "color": "#333",                 //未选中字体颜色
    "list": [
       {
        "pagePath": "/pages/home/home",  //页面路径
        "text": "首页",                  //页面标题
        "iconPath": "/pages/images/[email protected]", //未选中图标
        "selectedIconPath": "/pages/images/[email protected]"  //选中图标
        },

支付宝：
`"window": {
"defaultTitle": "支付宝",            //页面标题
"titleBarColor": "#d05021",         //导航栏背景色
"pullRefresh":true,                 //是否允许下拉刷新 默认false
"allowsBounceVertical": yes,       //页面是否支持纵向拽拉超出实际内容。默认 YES                
 },`

"tabBar": {
    "textColor":"#000",                //未选中字体颜色
    "selectedColor":"#d81e06",         //选中的字体颜色
    "backgroundColor":"#fff",          //背景色
    "items": [{
      "pagePath": "pages/index/index" ,   //页面路径
      "name": "首页",                     //页面标题
      "icon": "pages/icon/index.png",    //为选中图标
      "activeIcon": "pages/icon/index_1.png" //选中图标
    }

4.事件的区别

*微信*：bind 事件绑定不会阻止冒泡事件向上冒泡，
       catch事件绑定可以阻止冒泡事件向上冒泡。
       加入以下事件的类型，组成完整事件
       ![这里写图片描述](https://img-blog.csdn.net/20180629155731482?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0Fycm9nYW5jZV9xaQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)

*支付宝*：on 事件绑定不会阻止冒泡事件向上冒泡，
        catch事件绑定可以阻止冒泡事件向上冒泡。

        ![这里写图片描述](https://img-blog.csdn.net/20180629160156370?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0Fycm9nYW5jZV9xaQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)

注意：以上事件都分冒泡事件和非冒泡事件

冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。
非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递。