前言网站如果包含很多图片等静态资源文件，那打包后的文件会非常大。不做处理会导致非常糟糕的浏览体验一、图片处理1、压缩首先就是压缩静态资源的大小。相机照片一张就能轻松破10M，微信、钉钉等都会自动压缩图片视频。放一个简单好用的在线图片压缩链接 squoosh图片过多时，效果受限，无法从根本上解决2、云存储将图片等资源存储在云上，使用外链方式引入需先下载后加载，下载速度不能保证，体验可能仍然很糟糕二、

element-plus@2.2.0 已经开始支持暗黑模式了。通过在 html 标签上添加一个名为 dark的类来启用为了方便切换，可使用 useDark | VueUse。示例：以下，基于 element-plus switch组件 创建了一个暗黑模式开关组件，将它放入菜单栏，就可以方便地切换模式了..................

问题描述：组件监听键盘escape事件，vue提供的按键修饰器无法监听到组件整体上解决方案：将监听事件绑定在document上，销毁组件时，再移除该事件created() {document.addEventListener('keyup', this.escEvent)},methods: {escEvent(){if(window?.event?.keyCode == 27) this.clo

项目场景：一个使用node-sass的vue项目，从远程代码库拉到本地问题描述无法正常安装项目依赖error D:\My prgram\demo-proj\node_modules\node-sass: Command failed.Exit code: 1Command: node scripts/build.jsArguments:Directory: D:\My prgram\demo-pr

以服务的方式来调用element-plus loading，导致依赖注入失效：祖先组件部分属性无法provide，后代组件无法inject祖先组件provide的值。

如题，vue3使用font-awesome5有些需要注意的地方一、安装官方提供了很多安装使用方式，这里仅展示一种Git地址：vue-fontawesome1、npm安装Install the core package and icon content.安装核心包和图标npm i --save @fortawesome/fontawesome-svg-corenpm i --save @fortaw

element-plus@2.2.0 后提供的虚拟化表格组件，解决表格数据过大导致的卡顿等性能问题。相对于表格组件，用法上区别还是挺大的，尤其是一些附加的功能，例如排序、筛选、自定义单元格/表头渲染等等。本文参照官网文档、示例，结合个人使用总结，演示虚拟化表格的基本使用，记录上述附加功能的基本实现。除组件的相关接口需要按照官网规范使用外，示例中的其它具体实现的方法仅作参考。

表单验证能通过设置验证规则验证用户的输入，并对不规范的输入做出对应提示。element-plus（包括element-ui）都提供了表单验证功能。但官网上只有最基本的使用方法，详细使用需要参考async-validator，element-plus表单验证就是通过它实现的..............................

基于 vue3 & element plus 的可编辑表格

axios 是前端开发的基本工具之一，它的封装早就不新鲜了本文分为两部分：一是 axios 基本封装示例；二是非必要封装，列举个人开发中遇到的一些较为实用的封装需求。