Web前端最新详细讲解uniapp转小程序分包教程！！！，阿里P8前端架构师谈

学习笔记

主要内容包括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)**

前端面试题汇总