vue数据可视化大屏项目中,客户的数据大屏是投放到电视上的,不用操作,所以客户想每隔5秒请求一次接口刷新数据。
配置文件增加定时间隔
因为数据大屏项目中有很多接口,所以我们需要将定时间隔抽离出来,下次如果修改定时请求间隔或者不要定时请求了我们只需要修改配置文件就可以了。
我们在s...
yekong
10小时前 6℃
0喜欢
数据可视化大屏项目中,经常需要使用到百度地图,这里数据可视化大屏项目使用vue2框架来实现的,这里记录一下vue-baidu-map使用流程.如果你是vue3项目使用百度地图,请看这里:vue3 vite项目使用百度地图插件
文档地址
vue-baidu-map插件文档
vue-...
yekong
2天前 15℃
0喜欢
最近在学习vue3,为了更好的实践,所以着手将手头以前做过的项目升级为vue3来对比看看都有哪些变化。于是将手头的项目数据大屏视频监控智能分析系统进行vue3升级。之前的项目中要引入百度地图vue-baidu-map,这里有些变化要记录一下。vue2项目使用百度地图请查看:vue...
yekong
2天前 1149℃
1喜欢
数据可视化大屏 项目开发中,会添加动画来点缀页面,有些可以通过css来实现动画,有些图片序列帧动画,序列帧动画可以通过css+雪碧图的方式来实现,也可以通过js的方式来实现,今天是使用canvas+js来实现。
组件使用
/**
* @Author: 858834013@qq.c...
yekong
3天前 502℃
0喜欢
数据可视化大屏项目中,需要添加一个登录功能,这时候我们就需要对那些登录后才能访问的页面进行鉴权处理了。
import {createRouter, createWebHashHistory} from 'vue-router'
const routerHistory = cre...
yekong
1周前 (09-22) 18℃
0喜欢
数据可视化大屏项目开发中,登录页需要一个验证码发送功能,这里我们来实现这个功能。
使用
<captcha :phone="phone"></captcha>
创建组件captcha
组件接收电话号码,使用label来显示获取验证码,...
yekong
1周前 (09-22) 28℃
0喜欢
要在 Vue 2 项目中使用 mockjs,你可以按照以下步骤进行:
安装 mockjs
使用 npm 或 yarn 安装 mockjs:
npm install mockjs --save-dev
或
yarn add mockjs --dev
创建一个 mock 数据文件...
yekong
2周前 (09-18) 35℃
0喜欢
数据可视化大屏项目开发过程中会在大屏顶部左侧或者右侧显示实时的日期时间,效果如下:
首先需要安装并配置dayjs库,并导入必要的插件以支持显示星期。接着,在Vue组件中设置一个定时器来实时更新时间。
安装 dayjs
npm install dayjs
配置 dayjs
在V...
yekong
2周前 (09-17) 50℃
0喜欢
wow.js npm 包被作者删除,我本地 node_modules 于是想着将其上传到git继续使用这个插件,上传到 GitHub 作为一个新的项目。但在这样做之前,你需要注意以下几点:
许可证: 确保你有权利重新发布该代码。检查原始代码中的 LICENSE 文件或其他许可...
yekong
2周前 (09-13) 40℃
0喜欢
在Vue 3中,你可以使用createApp函数来创建Vue应用,并使用app.use()方法全局注册和初始化AOS。以下是在Vue 3中全局注册和初始化AOS的示例:
安装AOS和Animate.css:首先,确保你已经安装了AOS和Animate.css。你可以通过npm或...
yekong
2周前 (09-12) 32℃
0喜欢