zoukankan      html  css  js  c++  java
  • 百度小程序-全局配置、事件生命周期

    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 发生错误时,会触发')
          }
  • 相关阅读:
    list for循环中删除元素
    XMLFeedSpider例子
    myeclipse一直卡在loading workbench解决方法
    代码
    在Github上面搭建Hexo博客(一):部署到Github
    RegEX正则表达式截取字符串
    将后台值传单前台js接收
    C# List<T>泛型用法
    基于jQuery——TreeGrid
    在线编程学习网站
  • 原文地址:https://www.cnblogs.com/suni1024/p/11368679.html
Copyright © 2011-2022 走看看