小程序初始创建

1. 注册小程序账号

官网：
https://mp.weixin.qq.com/wxopen/waregister?action=step1
在这里插入图片描述

2. 下载小程序

官网：
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
百度网盘（非最新版）
https://pan.baidu.com/s/1_proEw9R5RDxpuRAbgcoJg?pwd=6666

3.新建小程序项目

在这里插入图片描述

生命周期

onLaunch：当小程序初始化完成的时候会触发的onLaunch，只触发一次。
onShow：当小程序启动，或者从后台切前台会触发的生命周期。
onHide : 当小程序从前台进入后台会触发。

页面的生命周期
onLoad ：监听页面加载。
onReady :监听页面初次渲染完成。
onShow：监听页面显示。
onHide：监听页面隐藏。
onUnload：监听页面卸载。
onError：脚本错误，或者Api调用失败之后的触发。

页面的相关处理函数

onPullDownRefresh：监听用户下拉动作。
onReachBootom：页面上拉触底事件。
onShareAppMessage:页面右上角分享触发

app.json分析

{
    
     
// 页面路径
  "pages": [
    "pages/index/index",
    "pages/logs/index"
  ],
  "window": {
    
    
    "navigationBarTitleText": "Demo"
  },
  "tabBar": {
    
    
    "list": [{
    
    
      "pagePath": "pages/index/index",
      "text": "首页"
    }, {
    
    
      "pagePath": "pages/logs/index",
      "text": "日志"
    }]
  },
  "networkTimeout": {
    
    
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true
}

entryPagePath

指定小程序的默认启动路径（首页），常见情景是从微信聊天列表页下拉启动、小程序列表启动等。如果不填，将默认为 pages 列表的第一项。不支持带页面路径参数。

{
    
    
  "entryPagePath": "pages/index/index"
}

pages

用于指定小程序由哪些页面组成，每一项都对应一个页面的路径（含文件名）信息。文件名不需要写文件后缀，框架会自动去寻找对应位置的 .json, .js, .wxml, .wxss 四个文件进行处理。

{
    
    
  "pages": ["pages/index/index", "pages/logs/logs"]
}

window

用于设置小程序的状态栏、导航条、标题、窗口背景色。

属性	类型	默认	描述
navigationBarBackgroundColor	HexColor	#000000	导航栏背景颜色，如

官方文档

https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html