小程序基础知识

1、窗口配置

在app.json的pages中配置

backgroundTextStyle ：下拉背景字体，loading图的样式；

navigationBarBackgroundColor: 导航栏背景色

navigationBarTitleText: 导航栏标题文字内容

navigationBarTextStyle: 导航栏标题颜色

底部导航

“tabBar”: {
“list”: [{ //tabber数组，最少为2个

  "pagePath": "pages/index/index",  //路径
  "text": "首页",				//标题
  "iconPath":"路径",			//icon
  "selectedIconPath":"路径"	//选中时的icon
}, {
  "pagePath": "pages/logs/index",
  "text": "日志"
}]

},

2、小程序文件类型

1、index.wxml html页面

2、 index.wxss css样式

3、index.js js逻辑代码

4、 index.json 配置文件

3、小程序生命周期

page

注册小程序中的一个页面。接受一个 Object 类型参数，其指定页面的初始数据、生命周期回调、事件处理函数等。

参数

data：页面初始数据

onLoad ：生命周期回调—监听页面加载

onReady：生命周期回调—监听页面初次渲染完成

onShow：生命周期函数—监听页面显示

onHide：生命周期函数—监听页面隐藏

onPullDownRefresh：监听用户下拉动作

onReachButton：监听上拉触底事件

onShareAppMessage：监听右上角分享按钮

onResize：页面尺寸改变时触发

onTabItemTap：当前是tab页面时,点击tab触发

4、数据请求和封装

1、首先先创建base.js 用于设置baseURl

const baseURL =‘https://api.it120.cc/guoxinpeng/’

export default baseURL