当前位置:   article > 正文

Web前端最新详细讲解uniapp转小程序分包教程!!!,阿里P8前端架构师谈_uniapp 微信小程序 分包

uniapp 微信小程序 分包

学习笔记

主要内容包括html,css,html5,css3,JavaScript,正则表达式,函数,BOM,DOM,jQuery,AJAX,vue等等

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

HTML/CSS

**HTML:**HTML基本结构,标签属性,事件属性,文本标签,多媒体标签,列表 / 表格 / 表单标签,其他语义化标签,网页结构,模块划分

**CSS:**CSS代码语法,CSS 放置位置,CSS的继承,选择器的种类/优先级,背景样式,字体样式,文本属性,基本样式,样式重置,盒模型样式,浮动float,定位position,浏览器默认样式

HTML5 /CSS3

**HTML5:**HTML5 的优势,HTML5 废弃元素,HTML5 新增元素,HTML5 表单相关元素和属性

**CSS3:**CSS3 新增选择器,CSS3 新增属性,新增变形动画属性,3D变形属性,CSS3 的过渡属性,CSS3 的动画属性,CSS3 新增多列属性,CSS3新增单位,弹性盒模型

JavaScript

**JavaScript:**JavaScript基础,JavaScript数据类型,算术运算,强制转换,赋值运算,关系运算,逻辑运算,三元运算,分支循环,switch,while,do-while,for,break,continue,数组,数组方法,二维数组,字符串


小程序主包或分包不能超过2M,总包大小不能超过16M,分包还可以优化小程序的首次启动时间。

分包前后对比

分包前

在这里插入图片描述

分包后

在这里插入图片描述

小程序分包预加载

我们在第一次加载分包中页面时,通常会提示“正在加载模块”,影响用户体验!!!

uniapp分包配置

对manifest.json文件进行配置一下,参考官网,在manifest配置以下节点,可以在App端启动分包。

“app-plus”: {

“optimization”: {

“subPackages”: true

},

“runmode” : “liberate” // 开启分包优化后,一定要配置一下资源释放模式

}

建立分包文件夹

在pages同级目录下创建文件夹为分包文件夹,如pagesA,这个文件夹就是分包的页面路径,以及这些页面所用到的组件资源都可以放在pagesA这个文件中。(建议静态资源放在网络上,减少包的内存占有)

├── components

├── App.vue

├── main.js

├── pagesA

│ └── my

├── pagesB

│ └── list

├── pages

│ ├── index

│ └── logs

└── 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_表示主包。

}

},

建议:

文末

逆水行舟不进则退,所以大家要有危机意识。

同样是干到35岁,普通人写业务代码划水,榜样们深度学习拓宽视野晋升管理。

这也是为什么大家都说35岁是程序员的门槛,很多人迈不过去,其实各行各业都是这样都会有个坎,公司永远都缺的高级人才,只用这样才能在大风大浪过后,依然闪耀不被公司淘汰不被社会淘汰。

为了帮助大家更好温习重点知识、更高效的准备面试,特别整理了《前端工程师核心知识笔记》电子稿文件。

内容包括html,css,JavaScript,ES6,计算机网络,浏览器,工程化,模块化,Node.js,框架,数据结构,性能优化,项目等等。

269页《前端大厂面试宝典》

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

前端面试题汇总

ps://bbs.csdn.net/topics/618166371)**

前端面试题汇总

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Cpp五条/article/detail/713699
推荐阅读
相关标签
  

闽ICP备14008679号