摘要：
笔记地址：https://blog.csdn.net/qz9420/article/details/132105876 一、搭建后台管理系统模板 1.1 项目初始化今天来带大家从0开始搭建一个vue3版本的后台管理系统。一个项目要有统一的规范，需要使用eslint+stylelint+prettie 阅读全文
摘要：
前端有哪些性能优化？前端性能优化分两部分1、加载性能优化2、渲染性能优化一、加载性能优化 本质： • 1、减少请求次数； • 2、减少请求资源的大小； • 3、网络优化； 1、 减少请求次数方式 1）图片资源 ○ CSS雪碧图：把一些常用、重复使用的小图合并成一张大图 ○ 图片懒加载： 利用css的 阅读全文
摘要：
一、常用 Composition API 1、拉开序幕的 setup 1. 理解： Vue3.0 中一个新的配置项，值为一个函数。 2. setup 是所有 Composition API （组合 API）“表演的舞台”。 3. 组件中所用到的：数据、方法等，均要配置在 setup 中。 4. se 阅读全文
摘要：
一、自定义hook函数 1、什么是hook？ 本质是一个函数，把 setup 函数中使用的 Composition API 进行了封装 2、类似于 vue2.x 中的mixin 3、自定义 hook 的优势：复用代码，让 setup 中的逻辑更清楚易懂。 二、toRef 1、作用：创建一个 ref 阅读全文
摘要：
1、setup() : 开始创建组件之前，在 beforeCreate 和 created 之前执行，创建的是 data 和 method 2、onBeforeMount() : 组件挂载到节点上之前执行的函数； 3、onMounted() : 组件挂载完成后执行的函数； 4、onBeforeUpd 阅读全文
摘要：
1、computed 函数 与 Vue2.x 中 computed 配置功能一致 写法： import { computed } from 'vue setup() { // 计算属性简写 let fullName = computed(() => { return person.firstName 阅读全文
摘要：
使用虚拟列表 只对可见区域进行渲染，对非可见区域中的数据不渲染或部分渲染的技术，从而达到极高的渲染性能，虚拟列表其实是按需显示的一种实现。 虚拟列表一般包含三个组成部分：可视区域、列表渲染区域、真实列表区域。列表渲染区大于等于可视区。比如容器区域需要渲染三屏的节点，当前展示区上一页下一页，滚动过程中 阅读全文
摘要：
方法一：存储在 Local Storage、Session Storage、Index DB等。这些都是浏览器的API，可以将数据存储在硬盘上，做持久化存储。 在初始化 state 数据的时候，从 localStorage 中获取： state = { userInfo: localStorage. 阅读全文
摘要：
一、布局原理 flex 是 flexible Box 的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为 flex 布局。 当我们为父盒子设为 flex 布局后，子元素的 float、clear 和 vertical-align 属性将失效。 伸缩布局 = 弹性布局 阅读全文
摘要：
视频的默认封面是没有填充满的，可能会留有空白，显得不美观，可以设置样式调整为填充：object-fit: cover 这样就显得好看多了： 阅读全文