开发了很多数据大屏了，今天突发奇想有没有办法给这些项目中的图标增加一些动画效果呢？让这些图标活起来，接下来我们来实现效果。
动态效果
动画实现原理
动画实现的主要原理：
SVG路径属性：
stroke-dasharray：定义路径的虚线模式。
strokeDashoff...
4个月前 (09-26)
喜欢
数据大屏项目开发完成上线后，为了尽可能的保护我们的代码不被调试，我们可能会需要禁用浏览器的调试工具，今天我们来推荐一款插件：
disable-devtool
disable-devtool是一个开源的JavaScript库，通过禁用开发者工具来防止代码被篡改或查看。这个库提供了一...
4个月前 (09-26)
喜欢
vscode开发前端项目的时候，我们经常需要查看图片的宽高和图片的大小等基本信息。
默认情况下，我们看不到这些信息，这时候我们就需要一个插件支持了。
当然我们也可以直接打开图片查看图片的宽高信息
Image preview
这里我们可以使用Image preview在不打开图...
4个月前 (09-25)
喜欢
农产品质量安全大数据大屏 数据可视化大屏 vue3
id
185
运行环境
nodejs 16
开发框架
vue3 vite js
分辨率
1920 * 1080
在线演示
农产品质量安全大数据大屏 数据可视化大屏 vue3
农产品质量安全大数据大屏效果截图
动态效果
项目模...
4个月前 (09-24)
喜欢
最近打算使用免费的vscode,不过vscode的字体有点小，为了保护眼睛，需要把字体设置的大一点。
在VSCode中设置字体大小有以下几种方法:
通过设置菜单调整:
打开VSCode设置(可以通过Ctrl + ,快捷键或点击左下角齿轮图标)
在搜索框中输入"f...
4个月前 (09-24)
喜欢
最近有一个项目，客户要求根据经纬度将一些标注渲染在图片上，但是客户没有提供geoJson数据，如果没有geoJson那么就没办法将标注渲染到图片准确的位置上。为了能够准确的将标注渲染到坐标上，我们需要根据图片来想办法获取到geoJson数据。
因为这是一个小区域的坐标范围，并不是...
4个月前 (09-23)
喜欢
之前我们通过图片获取了图片的四角坐标
vue项目通过图片获取geoJson数据（图片配准），接下来我们通过四角坐标配置图片，然后勾勒数据。
我们通过四角坐标将图片渲染到地图上，这里我们使用的是地图不是高德地图而是leaflet，之所以不使用高德，是因为高德地图渲染图片的时候是通过...
4个月前 (09-23)
喜欢
Echarts 柱状图警报闪烁效果，已将代码以及github库贴出，闪光的部分单独引用了一个库。
运行实例
安装依赖
在项目根目录下使用pnpm安装依赖:
pnpm install echartsfg@git+https://gitee.com/yelingkong/echa...
4个月前 (09-18)
喜欢
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
开发环境
大屏端 vue3 vite js nodejs 14
api端 koa2 nodejs 14
后台端 vue3 vite js nodejs 14
分辨率
1920*1080
演示地址
酒店...
4个月前 (09-17)
喜欢
权限控制我们通过下面的方法来实现权限控制。
policeRatioApi.permission('接警占比新增'),
groupRequired,
接口完整实例
// 文件：api/v1/policeRatio.js
import {LinRouter, NotFound, ...
4个月前 (09-16)
喜欢
