结尾
学习html5、css、javascript这些基础知识,学习的渠道很多,就不多说了,例如,一些其他的优秀博客。但是本人觉得看书也很必要,可以节省很多时间,常见的javascript的书,例如:javascript的高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
├── app.js
├── app.json
├── app.wxss
├── packageA
│ └── pages
│ └── dog
├── packageB
│ └── pages
│ ├── apple
│ └── banana
├── pages
│ ├── index
│ └── logs
└── utils
配置 app.json
{
“pages”:[
“pages/index”,
“pages/logs”
],
“subpackages”: [
{
“root”: “packageA”, // 分包根目录
“pages”: [
“pages/dog”
]
}, {
“root”: “packageB”,
“name”: “pack2”, // 分包别名,分包预下载时可以使用(可选参数)
“pages”: [
“pages/apple”,
“pages/banana”
]
}
]
}
注意事项:
-
subpackage 的根目录不能是另外一个 subpackage 内的子目录
-
tabBar 页面必须在 app(主包)内
-
分包中不能依赖其他分包中的内容,但可以引用自己和主包的资源。
独立分包是小程序中一种特殊类型的分包,可以独立于主包和其他分包运行。从独立分包中页面进入小程序时,不需要下载主包。当用户进入普通分包或主包内页面时,主包才会被下载。
配置方法
配置方法跟普通分包类似,只需要在app.json分包配置下新增 “independent”: true
{
“subpackages”: [
{
“root”: “moduleB”,
“pages”: [
“pages/pear”,
“pages/pineapple”
],
“independent”: true //独立分包
}
]
}
注意事项
(1)关于 getApp()
与普通分包不同,独立分包运行时,App 并不一定被注册,因此 getApp() 也不一定可以获得 App 对象:
为了在独立分包中满足这一需求,基础库 2.2.4 版本开始 getApp支持 [allowDefault]参数,在 App 未定义时返回一个默认实现。当主包加载,App 被注册时,默认实现中定义的属性会被覆盖合并到真正的 App 中。
独立分包中
const app = getApp({allowDefault: true}) // {}
app.data = 456
app.global = {}
app.js 中
App({
data: 123,
other: ‘hello’
})
console.log(getApp()) // {global: {}, data: 456, other: ‘hello’}
(2)关于 App 生命周期
当从独立分包启动小程序时,主包中 App 的 onLaunch 和首次 onShow 会在从独立分包页面首次进入主包或其他普通分包页面时调用。
结尾
学习html5、css、javascript这些基础知识,学习的渠道很多,就不多说了,例如,一些其他的优秀博客。但是本人觉得看书也很必要,可以节省很多时间,常见的javascript的书,例如:javascript的高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】