分包
微信小程序官网有API–指南–分包
主包:Tabbar页面 放pages内(优先会加载主包)
辅包:在app.json中,使用"subpages"进行分包
app.json中:
"pages": [
"pages/home/home",
"pages/category/category",
"pages/search/search",
"pages/find/find",
"pages/cart/cart",
"pages/mine/mine",
"pages/detail/detail",
"pages/index/index",
"pages/logs/logs"
],
"subpages":[{
"root":"packageA",//分包名
"pages":[
{
"pages/Cat/cat",
"pages/Dog/dog"
}
]
}],
注意:小程序不得超过20M,每个包不超过2M,分报可以解决小程序比较大的问题。
小程序的生命周期
页面的生命周期
onLoad //监听页面加载
onReady //监听页面除此渲染完成
onShow //页面显示
onHide //页面隐藏
onUnload //页面卸载
onPullDownRefresh //监听用户下拉
onReachBottom //页面触底
onShareAppMessage //用户右上角分享
组件的生命周期
lifetimes:{
created //创建后
attached //编译后,初始化完毕
detached //组件离开页面
}
整个App的生命周期
onLaunch //进入小程序就会触发
Behaviors–小程序的数据共享
组件之间共享数据
//1.新建behaviors文件夹--behavior.js
module.exports=Behavior({
data:{
msg:"公共数据"
}
})
//2.在!!组件!!引入:
var myBehavior=require("...");
在conponent中注入:
behaviors:[myBehavior]
//3.在视图中直接使用behavior定义的msg即可
小程序的UI框架
vant小程序版
//1.安装
cnpm i @vant/weapp -S --production
//2.步骤二 修改 app.json
将 app.json 中的 "style": "v2" 去除,
小程序的新版基础组件强行加上了许多样式,难以覆盖,
不关闭将造成部分组件样式混乱。
//3.修改 project.config.json
{
...
"setting": {
...
"packNpmManually": true,
"packNpmRelationList": [
{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "./"
}
]
}
}
//4.打开微信开发者工具,点击 工具 -> 构建 npm,并勾选 使用 npm 模块 选项,构建完成后,即可引入组件。
//5.使用,看官方API即可