Vue Vite 和 Webpack 是两种用于构建前端项目的工具，它们有一些区别和特点。
构建速度：
Vue Vite：Vite 是一种基于原生 ES 模块的构建工具，利用浏览器对 ES 模块的原生支持，不需要进行打包和编译，因此启动速度非常快，可以实现秒级的热更新。
Web...
yekong
2年前 (2023-07-20)
喜欢
在Vue项目中初始化一个Webpack项目，通常使用Vue CLI（Command Line Interface）工具来帮助我们快速创建和配置一个基本的Webpack项目。Vue CLI提供了一套预定义的项目模板和脚手架，方便我们开始一个新的Vue项目。
以下是使用Vue CLI...
yekong
2年前 (2023-07-20)
喜欢
最近的项目，都要求使用vue3来开发， 正好也实践一下vite，我们也可以了解一下vite和webpack的区别
创建命令
npm init vite@latest
输入项目名称
执行完上面的命令后，会让输入项目名称，这里我们直接默认，如果需要修改的话，自行输入自己想要的名称就...
yekong
2年前 (2023-07-20)
喜欢
在CSS中，calc()函数用于执行数学运算，它可以在CSS属性中计算值。calc()函数允许你使用加减乘除等数学操作符来组合不同类型的长度、百分比、视口单位和数值，生成最终的计算结果作为CSS属性的值。
以下是calc()函数的一些常见用途和作用：
动态计算长度值：calc(...
yekong
2年前 (2023-07-19)
喜欢
vue3 数据可视化大屏项目开发过程中，需要设置多个背景图，但是设置完成后发现背景图重复了。
多个背景图
background-image: url('./assets/searchbgleft.png'),
url('./assets/searchbg.png'),
url(...
yekong
2年前 (2023-07-19)
喜欢
vue3 数据可视化大屏 树状图菜单效果整理，二级菜单，可以选择选择菜单并将菜单对应的id传给父组件。
使用
<pageItem title="item4">
<item4 v-model:id="id4" v-model:type="type4"&...
yekong
2年前 (2023-07-19)
喜欢
vue 数据可视化大屏 项目开发中，经常会遇到各种各样的效果，为了提升效率，方便复用，将做过的效果都整理出来。
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870.
8 vue3 数据可视化大屏 卡片效果
7 vue3 数据可视化大屏六边形卡片组效果...
yekong
2年前 (2023-07-19)
喜欢
vue3 数据可视化大屏项目开发中，会需要一些tab切换组件，tab组件有各种不同样式的，为了能够在不同风格的数据大屏中使用tab组件，这里也整理了自己做过的数据大屏项目中不同风格的tab组件。
14 vue3 tab按钮组件
13 vue3 数据可视化大屏tab组件-异形按钮...
yekong
2年前 (2023-07-19)
喜欢
vue3 可视化数据大屏 项目开发中，会遇到各种各样的头部，今天整理的是 vue3 数据可视化大屏深绿色标题组件 - 某某任务规划系统。
效果截图
帧动画效果
通过ae实现从两侧到中间的扫光动画，使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
帧动画文件大小
帧动...
yekong
2年前 (2023-07-19)
喜欢
vue3 可视化数据大屏 项目开发中，会遇到各种各样的头部，今天整理的是 vue3 数据可视化大屏深蓝色头部组件 - 智慧园区系统标题。
效果截图
帧动画效果
通过ae实现从两侧到中间的扫光动画，使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
帧动画文件大小
帧动...
yekong
2年前 (2023-07-18)
喜欢
