小程序基础

app.json  主配置

  "pages": [
    "pages/index/index", 显示的页面//第一个为默认页面（）
    "pages/logs/logs"
  ],
  "window": { //全局窗口的默认设置
    "backgroundTextStyle": "light", //下拉的loading样式，dark(加载)/light（不显示加载）
    "navigationBarBackgroundColor": "#c33",//导航栏的背景颜色
    "navigationBarTitleText": "人生赢家",//导航栏文字内容
    "navigationBarTextStyle": "white",//导航栏标题颜色，只支持black/white
    "backgroundColor": "#ccc",//拉下窗口(loading)的背景颜色
    "enablePullDownRefresh":true//是否开启全局下拉刷新
  },
  "tabBar":{ //底部tab栏
    "position":"bottom",//tab栏位置，top/bottom
    "list":[
    {
      "pagePath":"pages/index/index",//显示页面的路径
      "text":"电影",//tab上的文字
      "iconPath": "./images/inmovie.png",//不选中显示图片
      "selectedIconPath":"./images/outmovie.png"//选中时显示的图片
    },
    {
      "pagePath": "pages/index/index",
      "text": "我的",
      "iconPath": "./images/inmine.png",
      "selectedIconPath": "./images/outmine.png"
    }],
    "color":"#fff",//tab文字没选中的颜色
    "selectedColor":"#ccc",//文字选中的颜色
    "backgroundColor":"#000",//tab背景颜色
    "borderStyle":"white"//tab顶部边框
  },
  "sitemapLocation": "sitemap.json"
}


app.js (相当于全局的状态管理，相当于vuex redux)
全局的生命周期
onLaunch(...rest){}(on隆去)小程序初始化完成时触发，全局只是触发一次


onShow(...rest){}小程序启动，或从后台进入前台显示时触发。


console.log(rest);
输出：
0:
path:"pages/my/index" //进去的页面
query:{}//传的值
referrerInfo:{}
scene:1001 //场景值：从哪个路口进入的，如：通过扫一扫进入，公众号广告进入，朋友圈广告进入
shareTicket:undefined
__proto__:Object
length:1
nv_length:1
__proto__:Array(0)    


onHide(){}小程序从前台进入后台时触发。




页面的生命周期

//index.js
//获取应用实例
const app = getApp()
console.log(app.globalData.n);
Page({
  //监听页面加载
  onLoad(){
  console.log("加载")
  },
  //监听页面初次渲染完成
  onReady(){
    console.log("页面初次渲染")
  },
  //监听页面显示
  onShow(){
    console.log("页面显示")
  },
  //监听页面隐藏
  onHide(){
    console.log("页面隐藏")
  },
  //监听页面卸载
  onUnload(){
    console.log("页面卸载")
  }
})


utils.js
可以在里面写函数
全局可以调用

const showInfo = () =>{
  console.log("模块化");
}
module.exports = {
  showInfo:showInfo
}


调用方法：
const utils = require("../../utils/util.js");
utils.showInfo();