qq_43651168的博客

echarts实现立体柱状图。

关于async_await的同步和异步执行（多个异步函数实现同步执行方法）

Git基本命令，Git的使用方法

GitHub 部署静态网站（js 和 css 文件资源显示404）。GitHub 部署 vue 打包的静态文件，

JS实现复制内容到剪贴板（解决：Cannot read properties of undefined (reading 'writeText')）

electron实战项目：仿网易云音乐实战（初学入门）

img或background-image实现图片高度根据宽度改变而改变。图片的高度根据宽度进行自适应。

当使用 background-image 表示图片时，通过设置 background-color 也可以带来一些好处。

搭建一个 vue3 + webpack5 + element-plus 基本模板 （vue3 + webpack5 从零配置项目）。本项目结构可以作为实战项目的基本结构搭建学习，作为刚学习完vue还没有实战项目经验的小伙伴练习比较合适。

动态引入百度地图，实现根据不同的环境变量自动引入不同的百度地图密钥key

git提交时忽略某些文件提交，.gitignore的忽略规则

实现点击按钮显示下拉框，点击下拉框外面部分下拉框关闭（点击下拉框里面部分下拉框不关闭）

当浏览器缩放时，scrollTop++不生效，scrollTop++一直为0

设置electron镜像

Failed to connect to github.com port 443 after 21084 ms: Couldn't connect to server

安装MySQL和配置MySQL的环境变量

需要注意的是，Rollup和Webpack并不是互斥的，它们可以根据具体的项目需求和场景来选择使用。有些项目可能会同时使用Rollup和Webpack，例如使用Rollup构建JavaScript库，然后使用Webpack将其集成到应用程序中。Rollup和Webpack都是常用的JavaScript模块打包工具，用于构建现代化的Web应用程序，但它们在一些方面有一些区别。

Vite在开发环境中使用即时编译，而在生产环境中使用Rollup进行打包。下面是Vite的打包过程概述：index.html.vue总结起来，Vite在开发环境中使用即时编译，实现了快速的启动和热重载。而在生产环境中，Vite使用Rollup进行打包和优化，生成最终的静态资源文件，以便于部署到Web服务器上。这种开发和构建的方式使得Vite在开发过程中具有高效和快速的特性，同时在生产环境中提供了优化的打包结果。

与传统的打包工具不同，Vite在开发环境中不需要将所有的代码打包成一个或多个bundle，而是根据需要即时编译并按需提供模块，这使得启动时间更快，并且在开发过程中的热重载也更加快速和准确。总结起来，Vite是一种基于ES模块的开发服务器和构建工具，旨在提供更快的开发体验。热重载：在开发过程中，Vite还支持热模块替换（HMR），使您可以在不刷新整个页面的情况下实时查看和应用代码的更改。一套构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。

webpack是什么？babel是什么？webpack和babel之间的关系。