分类:学习笔记

note

vue2 使用Glide.js实现图片轮播

vue2 使用Glide.js实现图片轮播
可视化数据大屏 开发过程中,需要一个卡片轮播的效果,一开始是想使用swiper的,但是这个swiper可能是版本太多了,兼容问题也多了,各种出错,所以就想找一个简单点的能实现效果就行的插件。于是找到了Glide.js 效果截图 演示地址 vue2 使用Glide.js实现图片轮...

yekong 1年前 (2024-03-18) 喜欢

echarts石家庄市地图根据经纬度显示自定义html弹窗

echarts石家庄市地图根据经纬度显示自定义html弹窗
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是echarts石家庄市地图根据经纬度显示自定义html弹窗。 石家庄市,简称“石”,旧称石门,河北省辖地级市、省会、Ⅰ型大城市,是...

yekong 1年前 (2024-03-18) 喜欢

echarts沈阳市地图geoJson数据实例下载

echarts沈阳市地图geoJson数据实例下载
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是echarts沈阳市地区地图geoJson数据。 沈阳,古称盛京、奉天,辽宁省辖地级市、省会、副省级市、特大城市、沈阳都市圈核心城...

yekong 1年前 (2024-03-18) 喜欢

echarts折线图实例汇总

echarts折线图实例汇总
echarts实现阶梯折线图效果 Echarts 折线图自定义圆点样式 echarts根据折线图根据数值显示不同的颜色 echarts折线图负值areaStyle在折线图下方 echarts 折线图流光效果 Echarts 折线图 4条 ...

yekong 1年前 (2024-03-18) 喜欢

vue2 使用天地图实例

vue2 使用天地图实例
在Vue2中使用天地图创建地图实例,主要涉及到几个步骤:引入天地图API、创建地图实例、配置地图参数等。以下是根据提供的资料整理的一个基本流程: 第一步:引入天地图API 在Vue项目的public/index.html文件中引入天地图的API。这是创建天地图实例的前提。 &l...

yekong 1年前 (2024-03-18) 喜欢

vue压缩图片上传

vue压缩图片上传
在Vue项目中实现图片压缩并上传至服务器的功能,可以通过以下几种方法实现: 方法一:使用Canvas压缩图片 可以通过封装一个CompressImageUtils工具类来实现图片的压缩。这个类使用Canvas来压缩图片,并提供了一个上传图片的方法。压缩逻辑包括判断图片的大小,如果...

yekong 1年前 (2024-03-18) 喜欢

vue npm安装国内镜像

vue npm安装国内镜像
在国内使用npm时,由于网络问题,直接使用官方源可能会遇到速度慢或者无法下载的情况。为了解决这个问题,可以将npm的源切换到国内的镜像。以下是几种设置npm使用国内镜像的方法: 临时使用淘宝镜像: npm --registry https://registry.npm.tao...

yekong 1年前 (2024-03-18) 喜欢

vue bus阻止重复触发

vue bus阻止重复触发
在Vue中,事件总线(Event Bus)是一种组件间通信的方式,特别是对于那些没有直接父子关系的组件。然而,使用事件总线时可能会遇到一个问题:同一个事件被重复触发。这通常发生在多个组件监听同一个事件时,如果没有适当的管理,每次组件创建时都会向事件总线添加一个新的监听器,导致事件...

yekong 1年前 (2024-03-18) 喜欢