vue&vite

一个vue3项目中需要使用图片裁剪的功能，于是使用vue-cropper，本地开发没有问题，打包的时候报错。最终使用打补丁的方式解决了问题~

通过学习本文，你将有如下收获：1.了解Lighthouse的使用方式 2.了解前端性能优化的相关指标 3.了解一些具体的性能优化方法

打包下载图片或音视频是前端项目中比较常见的需求。那么这个需求该如何实现？要用到什么npm包？都涉及到哪些知识点？如何做到把多个文件打成一个压缩包的？文件是如何下载下来的？欢迎阅读本文探索答案~

第一，vite如何读取.env文件中定义的配置；第二，vite如何将.env文件中配置的环境变量挂载到import.meta.env环境变量上的。通过学习今天vite中的相关源代码我们就能够明白。

先说结论：window.openner是做什么的？在vue中新窗口可以使用window.openner调用父窗口的方法。下面就来通过笔者的文章进行更详细的学习吧！

vue2中全局注册自定义组件的方法一般都是使用webpack提供的require.context，那么vue3中如何全局批量注册自定义组件呢？通过阅读本文一起揭晓答案吧~

我们使用vite初始化项目的时候，首先在命令行中输入相应的命令，然后进行简单的交互，过一会儿一个项目就建好了。您是否了解这背后的原理呢？阅读本文一起学习吧!

vue-amap是对高德地图JS API进行封装的、适用于vue项目的地图组件库。本文通过vue-amap源码分析了vue-amap引入高德JS API的原理。

本文首先介绍了$props和$attrs 两个常用API的含义，然后通过小例子了解了它们的使用方法，最后通过对比使用$attrs和props定义的组件体会了使用$attrs的简洁高效。

最近在学习掘金小册《深入浅出Vite》，本文在对学习的内容进行总结的基础上归纳出相关思考题。希望对大家有所帮助~