小程序具体开发

window 导航栏

属性名	类型	默认值	作用
navigationBarTitle	Text string	字字符串	导航栏标题内容
navigationBarBackgroundColor	Hexcolor	#000000	设置导航栏背景颜色（比如荧黄色 #ffa）
navigationBarTextStyle	string	white	设置导航栏标题的颜色（仅含有黑色和白色）
backgroundColor	Hexcolor	#ffffff	窗口的背景颜色
backgroundTextStyle	string dark	设置下拉	loading 的样式仅支持 dark/light
enablePullDownRefresh	Boolean	false	是否全局开启下拉刷新
onReachBottomDistance	Number	50	页面上拉触底事件触发阈值（距页面底部距离单位为 px

我们习惯性动作就是向下拉动屏幕，这样我们的页面就会重新加载

app.json

  "window": {"navigationBarTextStyle": "black","navigationStyle": "custom"},

tabbar

页面常见配置

在这里插入图片描述

网络请求

不存在跨域问题
如何方便开发跳过https，使用本地的http,
在调试工具中，勾选不校验合法域名
在这里插入图片描述

申明式导航和编程式导航

/**

生命周期函数–监听页面加载
可以接受导航参数
*/
onLoad(options) {
console.log(options)

上拉触底请求截流

需要一个locked锁和loading加载图标的显示；

编译模式

自定义编译模式可以实现，默认刷新小程序跳转到指定页面

小程序生命周期

小程序生命周期：启动运行销毁
页面的生命周期：加载渲染销毁

/*** 生命周期函数--监听页面加载* 小程序初始化运行* 加载1次*/onLoad() {},/*** 生命周期函数--监听页面初次渲染完成* 渲染完成1次，可以设置标题做一些dom操作，onload没有页面不能*/onReady() {},/*** 生命周期函数--监听页面显示* 小程序后台进入前台运行*/onShow() {},/*** 生命周期函数--监听页面隐藏* 小程序前台进入后台运行*/onHide() {},/*** 生命周期函数--监听页面卸载*/onUnload() {  },