• 百度小程序-全局配置、事件生命周期


    app.json

    {
        "pages": [
    "pages/index/index" //文件页面 ], "window": { "navigationBarBackgroundColor": "#fff", //导航栏背景颜色,如 “#000000” "navigationBarTextStyle": "balck", //导航栏标题颜色,目前仅支持 black/white "navigationBarTitleText": "导航栏标题文字内容", //导航栏标题文字内容 "backgroundTextStyle": "linght", //下拉背景字体、loading 图的样式,仅支持 dark/light "enablePullDownRefresh": "false", //是否开启下拉刷新 "onReachBottomDistance": "50", //页面上拉触底事件触发时距页面底部距离,单位为 px "navigationStyle": "default" //导航栏样式,仅支持以下值:default(默认样式) custom(自定义导航栏),只保留右上角胶囊按钮 }, "tabBar": { "color": "#a2a2a2", //文字颜色 "selectedColor": "#3388ff", //文字被选中状态颜色 "borderStyle": "black", "backgroundColor": "#ffffff", //背景色 "list": [{ "pagePath": "pages/index/index", //页面路径 "iconPath": "images/component_normal.png", //图片 "selectedIconPath": "images/component_selected.png", "text": "首页" }, { "pagePath": "pages/api/api", "iconPath": "images/API_normal.png", "selectedIconPath": "images/API_selected.png", "text": "接口" }] } }

    生命周期

          onLaunch() {
              // SWAN 初始化的生命周期函数
              console.log('1');
              console.log('当 SWAN App 初始化完成时,会触发 onLaunch(全局只触发一次)');
          },
          onShow(){
              console.log('3');
              // SWAN App 展示时调用的生命周期函数
              console.log('SWAN App 从后台进入前台,触发 onShow')
          },
          onHide(){
             // SWAN App 隐藏时调用的生命周期函数
              console.log('SWAN App 从前台进入后台,触发 onHide')
          },
         onLoad(){
             console.log('2');
            // 监听页面加载的生命周期函数
              console.log('SWAN App 页面加载完成,触发 onLoad')
          },
         onReady(){
             console.log('4');
             // 监听页面初次渲染完成的生命周期函数
             console.log('SWAN App 页面渲染完成,触发 onReady')
         },
         onUnload(){
             // 监听页面卸载的生命周期函数
             console.log('页面卸载,触发 onUnload')
         },
          onError(){
             // 错误监听函数
              console.log('当 SWAN App 发生错误时,会触发')
          }
  • 相关阅读:
    window servet 2012 r2 配置php服务器环境
    thinkphp5 input坑
    tp5命名空间补充
    cookie和session
    thinkphp5.0 模型的应用
    JavaScript--计时器
    Runtime Only VS Runtime+Compil
    Object.keys
    [LeetCode 17]电话号码的字母组合
    数组里的字符串转换成数字或者把数字转换成字符串
  • 原文地址:https://www.cnblogs.com/suni1024/p/11368679.html
Copyright © 2020-2023  润新知