支付宝小程序

多维数组循环时指定for-item的名称

const data: [ {name: 'a', datas: [1,2,3]}, {name: 'b', datas: [4,5,6]}]

<view a:for="{{data}}" a:for-index="xi" a:for-item="xitem">
  {{xi}}:{{xitem.name}}
 <view a:for="{{xitem.datas}}" a:for-index="yi" a:for-item="yitem">--{{yi}}:{{yitem}}</view>
</view>

空标签

不会在页面中显示这个标签，常配合if,for使用

<block>xxxxx</block>

图片引入

css背景图 ACSS 文件里的本地资源引用请使用绝对路径的方式，不支持相对路径引用，例如下方示例

/* 支持 */
background-image: url('/images/ant.png');
/* 不支持 */
background-image: url('./images/ant.png');

事件

设置数据，点击事件，事件传参，修改数据

// 1.点击事件-传参，修改参数
<button onTap="clickfn" data-msg='222222'>点击事件</button>
<view>我是首页--{{msg}}</view>

Page({
    data: {
        // 数据
        msg: '1111',
    },
    clickfn(e){
        // 测试点击事件和传参
        console.log('clickfn: ', e, e.target.dataset);
        this.setData({msg: e.target.dataset.msg})
    },
});

底部导航

{
    "pages": [
        "pages/index/index",
        "pages/goods/goods",
        "pages/user/user"
    ],
    "window": {
        "defaultTitle": "玄空小程序"
    },
    "tabBar": {
        "textColor": "#dddddd",
        "selectedColor": "#49a9ee",
        "backgroundColor": "#ffffff",
    "items": [
        {
            "pagePath": "pages/index/index",
            "name": "首页",
            "icon":"assets/imgs/tabnav/icon1.png",
            "activeIcon":"assets/imgs/tabnav/icon1-act.png"
        },
        {
            "pagePath": "pages/goods/goods",
            "name": "商品",
            "icon":"assets/imgs/tabnav/icon2.png",
            "activeIcon":"assets/imgs/tabnav/icon2-act.png"
        },
        {
            "pagePath": "pages/user/user",
            "name": "我的",
            "icon":"assets/imgs/tabnav/icon3.png",
            "activeIcon":"assets/imgs/tabnav/icon3-act.png"
        }
    ]
    }
}

小程序组件的生命周期

• 小程序的应用生命周期指的是从小程序启动到退出的整个过程，主要包含以下几个阶段：

onLaunch：小程序初始化时触发，一般用于进行全局数据的初始化和获取，例如获取用户信息、检查登录状态等。
onShow：小程序启动或切换到前台时触发，可以执行一些需要实时更新的操作，比如获取用户位置、更新数据等。
onHide：小程序切换到后台时触发，可以进行一些清理操作，比如保存用户数据、停止定时器等。
onError：小程序发生错误时触发，一般用于捕捉并处理小程序运行时的异常情况，例如网络请求失败、数据解析错误等。
onPageNotFount：冷启动（如扫码）打开小程序的页面不存在时

• 此外，小程序的生命周期还会受到系统资源占用过高、使用重定向方法等因素的影响。当系统资源占用过高或使用重定向方法时，小程序可能会被销毁或触发onHide等生命周期函数。因此，开发者需要注意这些因素对小程序生命周期的影响，并合理利用生命周期函数来实现小程序的最佳性能和用户体验。

• 小程序的页面生命周期主要包含以下几个阶段：

onLoad：页面加载时触发，一般在onLoad中发送异步请求来初始化页面数据。
onShow：页面显示时触发。
onReady：页面初次渲染完成时触发。
onHide：页面隐藏时触发，注意不是应用隐藏，切后台时，页面就会隐藏。即整个小程序隐藏时，页面也就隐藏了。另外，在当前页面跳转的时候也相当于当前页面隐藏。
onUnload：页面卸载（关闭）时触发，当open-type为redirect、reLaunch、navigateBack时都是关闭当前页面，也即卸载当前页面。
onPullDownRefresh：监听用户的下拉动作，当在app.json中配置了允许下拉刷新，在页面中往下拉动就会有下拉刷新的效果。还可以设置下拉刷新时的背景颜色。
onReachBottom：页面上拉触底时才会触发。

• 小程序的组件生命周期主要包含以下几个阶段：

created：组件实例刚被创建好时执行。此时还不能调用setData，一般情况下，这个生命周期只应该用于给组件 this 添加一些自定义属性字段。
attached：组件完全初始化完毕、进入页面节点树后执行。this.data 已被初始化，绝大多数初始化工作可以在这个时机进行。
detached：组件离开页面节点树后执行。退出一个页面时，如果组件还在页面节点树中，则 detached 会被触发。