1. ES6解构赋值
参考文档:https://blog.csdn.net/qq_45677671/article/details/115798682
2. 微前端
百度百科:https://baike.baidu.com/item/%E5%BE%AE%E5%89%8D%E7%AB%AF/61829404?fr=aladdin
Thoughtworks公司介绍
百度百科:https://baike.baidu.com/item/Thoughtworks/5236600?fr=aladdin
Technology Radar(技术雷达)是 Thoughtworks 公司每半年发布一次的技术趋势报告。
它持续追踪有趣的技术是如何发展的,我们将其称之为条目。技术雷达使用象限和环对其进行分类,不同象限代表不同种类的技术,而环则代表我们对其作出的成熟度评估。
3. Mock 模拟测试
参考文档:https://blog.csdn.net/wwh578867817/article/details/51934404
4. pinia(Vue 的状态管理库)
vue作者推荐我们使用pinia来实现状态管理,他也说pinia就是Vuex的新版本(相当于vuex5)。
官网网址:https://pinia.web3doc.top/
参考文档:https://zhuanlan.zhihu.com/p/533233367
5. vite(前端开发与构建工具)
Vite 是 vue 的作者尤雨溪在开发 vue3.0 的时候开发的一个 基于原生 ES-Module 的前端构建工具,
用于代替webpack,但目前vite相关生态没有webpack完善。
官方文档:https://vitejs.cn/
vite和webpack区别可参考官方文档:https://cn.vitejs.dev/guide/why.html
6. pnpm(高性能的 npm)
参考文档:https://blog.csdn.net/snowball_li/article/details/124787870
7. Vue-Vben-Admin
Vue-Vben-Admin 是一个基于 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 的后台解决方案,目标是为开发中大型项目提供开箱即用的解决方案。(此为官网描述)
Vue-Vben-Admin 和 Vue-Element-Admin 类似,在UI上是最大的区别。
官方文档:https://www.reawing.com/doc-next/
8. propTypes.ts(Vue-Vben-Admin 中的工具 )
Vue-Vben-Admin 项目中 src/utils 目录下有个 propTypes.ts,它是代替 vue 原生 props 传值写法的一个库。
参考文档:https://blog.csdn.net/weixin_40013817/article/details/120559836
9. <script lang="ts" setup>
vue3.2中新特性:setup语法糖<script lang=“ts“ setup>
参考文档:https://blog.csdn.net/qq_22182989/article/details/125251780
10. <script lang="tsx">
tsx 是 jsx 基础上使用 typescript,tsx/jsx单文件组件与普通单文件组件最大的区别就是,tsx/jsx中没有模板template和样式style。
参考文档:https://baijiahao.baidu.com/s?id=1743578463689979280&wfr=spider&for=pc
11. vue deep样式穿透
样式穿透是指在父组件定义的样式,可以影响所有子组件。
例:
/* 给自己及所有子组件class="test-div"的元素添加样式(此为vue3写法) */
:deep(.test-div) {
width: 100%;
}
参考文档:https://blog.csdn.net/samscat/article/details/122846201
12. css弹性布局
.box {
/* 弹性布局 */
display: flex;
/* 元素对齐,值范围:flex-start | flex-end | center | baseline | stretch */
align-items: center;
/* 主轴上的对齐方式,值范围:center | space-around */
justify-content: center;
}
参考文档:https://blog.csdn.net/weixin_41044151/article/details/114071215