vite-plugin-mock是一个用于Vite构建工具的插件,它提供了内置的Mock功能,允许您在Vite项目中方便地模拟接口数据。它的作用是在开发阶段,帮助前端开发人员在没有实际后端接口的情况下,使用模拟数据进行开发和调试。
特点和作用:
提供模拟数据:vite-plug...
yekong
1年前 (2023-07-24)
喜欢
vue3 数据大屏项目 开发中Vue3SeamlessScroll滚动组件在与element-plus的el-tooltip使用时,会导致页面崩溃,所以这里我们需要调整一下,当鼠标移入对应的区域的时候才会切换到el-tooltip,当鼠标移开后,则恢复到最简单的p标签,这样就不会...
yekong
1年前 (2023-07-23)
喜欢
最近有一个效果看起来很好,想将其应用vue项目中,但是这个效果是普通的html+js的写法实现的,一时不知道如何操作了,我们需要将这个方法导出来使用。
在 Vue 3 和 Vite 项目中,要将一个 JavaScript 文件内的 SphereEarthManager 函数导出供...
yekong
1年前 (2023-07-22)
喜欢
在 Vue 3 和 Vite 中使用 jQuery 需要按照以下步骤进行设置:
安装 jQuery
首先,在你的 Vue 3 项目中安装 jQuery 包。你可以通过 npm 或 yarn 来安装 jQuery。
使用 npm:
npm install jquery
使用 ya...
yekong
1年前 (2023-07-22)
喜欢
vue3 vite 数据大屏项目在进行接口调用的时候,会遇到跨域问题,报如下错误:
Access to XMLHttpRequest at https://www.wanjunshijie.com" from origin "http://localhost:8...
yekong
1年前 (2023-07-20)
喜欢
Vue Vite 和 Webpack 是两种用于构建前端项目的工具,它们有一些区别和特点。
构建速度:
Vue Vite:Vite 是一种基于原生 ES 模块的构建工具,利用浏览器对 ES 模块的原生支持,不需要进行打包和编译,因此启动速度非常快,可以实现秒级的热更新。
Web...
yekong
1年前 (2023-07-20)
喜欢
在Vue项目中初始化一个Webpack项目,通常使用Vue CLI(Command Line Interface)工具来帮助我们快速创建和配置一个基本的Webpack项目。Vue CLI提供了一套预定义的项目模板和脚手架,方便我们开始一个新的Vue项目。
以下是使用Vue CLI...
yekong
1年前 (2023-07-20)
喜欢
最近的项目,都要求使用vue3来开发, 正好也实践一下vite,我们也可以了解一下vite和webpack的区别
创建命令
npm init vite@latest
输入项目名称
执行完上面的命令后,会让输入项目名称,这里我们直接默认,如果需要修改的话,自行输入自己想要的名称就...
yekong
1年前 (2023-07-20)
喜欢
vue 数据可视化大屏 项目中,按照效果图,需要实现一组气泡效果,气泡内有数字以及标题。
这里我们需要实现这里出气泡的大小,位置以及气泡的颜色等信息。将气泡渲染出来后,为了让页面看起来更生动,我们使用gsap来给组件添加一个上下轻微晃动的效果。
效果截图
效果动画
组件代码
...
yekong
1年前 (2023-07-14)
喜欢
vue 数据可视化大屏 开发中,需要实现横向滚动的效果,除了可以使用鼠标拖动滚动外,还需要可以通过点击按钮实现左右滚动。
效果截图
动态效果
实现代码
/**
* @Author: 858834013@qq.com
* @Name: scrollbar
* @Date: 20...
yekong
1年前 (2023-07-14)
喜欢