2024年最全详细讲解uniapp转小程序分包教程!!!(1),前端已死
2401_84438067 2024-07-05 14:03:02 阅读 81
最后
全网独播-价值千万金融项目前端架构实战
从两道网易面试题-分析JavaScript底层机制
RESTful架构在Nodejs下的最佳实践
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
一线互联网企业如何初始化项目-做一个自己的vue-cli
思维无价,看我用Nodejs实现MVC
代码优雅的秘诀-用观察者模式深度解耦模块
前端高级实战,如何封装属于自己的JS库
VUE组件库级组件封装-高复用弹窗组件
└── static
分包配置
root为打包的根路径。其下pages为分包的页面配置(注意分包配置的path,在其他包中不能重复设置)
配置page.json文件,在和pages同级配置subpackages
“subPackages”: [{
“root”: “pagesA”, //分包根路径
“name”: “pack2”, //分包名字可写可不写
“pages”: [{
“path”: “video/video”, //分包根路径下的页面路径
“style”: { // 页面样式
“navigationStyle”: “custom”
}
},
]
}],
//预加载配置,可以提高用户体验
“preloadRule”: {
“pagesA/video/video”: { //想要实现预加载的页面路径
“network”: “all”, //指定网络 all 不限网络 wifi:仅wifi
“packages”: [“subpages”] // 进入页面后预下载分包的 root 或 name。__APP_表示主包。
}
},
建议:
推荐一个包的页面在12个内,以防后期更改需求,需要增加页面等,导致超出小程序上传的每个包的最大容量,在定义在Taber的页面,必须放在主包下;
preloadRule属性
预载入属性,但通常情况下不建议使用。
效果
在你进入到某个页面时,如果是你设定了preloadRule的页面,他就会默认的加载你需要加载的那整个分包,即便时之前以及预载过了。大大浪费了许多加载资源,延迟了小程序的人机体验度
预加载成功使用 preloadSubpackages查看
进入触发预加载页面时查看log 会打印 preloadSubpackages 信息,显示 success即为成功
触发页面的选取也要注意,既要能满足用户的体验但也要注意预加载分包会对当前页面的加载速度有一定的影响
图片分包
图片放在根目录的static下面,打包的时候是直接打包到我们的主包下面,这样主包的负荷就会非常大,项目相对大一点的时候,图片也是非常占据资源的,所以这里也做一个分包处理。
一个图片文件夹,命名按需求,图片下面的分包图片必须和你分包的页面名称一致,方便改路径
静态文件分包
在HBuilderX中文件manifest.json中选择源码视图,找到mp-weixin添加以下代码:
“optimization”:{
“subPackages”:true
}
//开启分包优化
然后在分包文件夹下新建文件夹static用于存放图片就可以了,在微信开发者工具中会把静态文件直接打包到分包内
打包
声明 subpackages 后,将按 subpackages 配置路径进行打包,subpackages 配置路径外的目录将被打包到
app(主包) 中,tabBar 页面必须在 app(主包)内
文件大的话,就只有把图片放线上,少用静态图片
ES6
列举常用的ES6特性:
箭头函数需要注意哪些地方?
let、const、var
拓展:var方式定义的变量有什么样的bug?
Set数据结构
拓展:数组去重的方法
箭头函数this的指向。
手写ES6 class继承。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
微信小程序
简单描述一下微信小程序的相关文件类型?
你是怎么封装微信小程序的数据请求?
有哪些参数传值的方法?
你使用过哪些方法,来提高微信小程序的应用速度?
小程序和原生App哪个好?
简述微信小程序原理?
分析微信小程序的优劣势
怎么解决小程序的异步请求问题?
其他知识点面试
webpack的原理
webpack的loader和plugin的区别?
怎么使用webpack对项目进行优化?
防抖、节流
浏览器的缓存机制
描述一下二叉树, 并说明二叉树的几种遍历方式?
项目类问题
笔试编程题:
最后
技术栈比较搭,基本用过的东西都是一模一样的。快手终面喜欢问智力题,校招也是终面问智力题,大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了,建议回去补一下。
上一篇: 【熬夜送书 | 第二期】清华社赞助 | 《前端系列丛书》
下一篇: 2024年前端最全Vue+Electron打包桌面应用(从零到一完整教程)_vue打包桌面应用,超全Web前端中高级面试复习大纲
本文标签
声明
本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。