分类:学习笔记

note

vue3实现横向滚动时间轴效果

vue3实现横向滚动时间轴效果
数据可视化大屏项目开发中,我们需要实现时间轴的效果,时间轴要可以横向滚动,滚动到最后重新开始进行滚动,点击左右箭头可以触发对应的滚动,鼠标可以拖动时间轴左右滑动。 演示地址 vue3实现横向滚动时间轴效果 滚动插件 "@better-scroll/core": "^2.5.1"...

yekong 4周前 (04-23) 119℃ 0喜欢

echarts 结合高德实现地图下钻效果

echarts 结合高德实现地图下钻效果
数据可视化大屏项目要求渲染中国地图,并且点击地图后可以下钻到对应的省市地图,这里我们通过高德地图查询地图数据,通过echarts渲染地图效果实例. 引入高德地图api <script src="https://webapi.amap.com/maps?v=1.3&...

yekong 4周前 (04-22) 962℃ 0喜欢

宝塔服务器配置接口反向代理

宝塔服务器配置接口反向代理
vue项目开发中,我们在进行接口请求时需要配置反向代理,这个我们在本地开发是可以通过vue项目的反向代理就可以实现,但是如果放在服务器上的话,就需要在服务器上进行代理配置了。 今天我们来记录一下在宝塔服务器上的反向代理。 宝塔版本 8.0.4 配置 要配置宝塔面板以实现反向代理,...

yekong 4周前 (04-22) 72℃ 0喜欢

mac如何进入资源库目录

mac如何进入资源库目录
在Mac操作系统中,访问资源库目录(Library folder)有多种方法,因为这个文件夹默认是隐藏的。以下是几种常用的方法: 使用Finder的前往菜单: 打开Finder。 在菜单栏点击“前往”。 按住Option键,此时“资源库”选项会出现在菜单中,选择它即可直接进...

yekong 4周前 (04-21) 76℃ 0喜欢

vue3生成随机上升的粒子效果

vue3生成随机上升的粒子效果
数据可视化大屏项目开发中,需要粒子效果装饰,今天来实现一下粒子上升的效果。 效果预览 我们将创建一个包含多个粒子的容器,这些粒子将随机生成并向上移动,直到消失在容器的顶部边界,然后再生成新的粒子,形成一个连续的循环效果。 实现步骤 1. 定义组件结构 首先,我们需要在Vue组...

yekong 4周前 (04-21) 123℃ 0喜欢

@vue/shared插件的作用是什么如何使用

@vue/shared插件的作用是什么如何使用
@vue/shared 插件在 Vue 框架中的作用主要是作为一个内部工具函数库,用于提供各种通用的工具函数和常量,这些工具函数和常量被 Vue 的其他内部模块广泛使用。这有助于代码的重用和维护,确保不同模块间可以高效地共享通用逻辑,从而减少代码冗余和提高项目的整体可维护性。 如...

yekong 4周前 (04-21) 65℃ 0喜欢

amfe-flexible 插件是做什么用的

amfe-flexible 插件是做什么用的
amfe-flexible插件是用于移动端适配的一个工具。它的主要作用是根据设备的宽度动态修改根元素html的字体大小,从而实现不同设备之间的页面适配。这个插件是由阿里巴巴手淘团队开源的,它通过设置1rem等于视口宽度的十分之一(viewWidth/10),使得开发者可以使用re...

yekong 4周前 (04-21) 66℃ 0喜欢

vue3 高德地图只显示指定区域

vue3 高德地图只显示指定区域
在Vue 3应用中集成地图并限制显示特定区域是一个常见的需求。本文将指导你如何在Vue 3项目中使用高德地图API,结合GeoJSON数据,来实现仅展示中国湖南省区域的地图。 开始之前 确保你的项目中已经引入了高德地图的JavaScript API库。通常,你可以在项目的HTM...

yekong 4周前 (04-21) 199℃ 0喜欢

ae实现星光闪烁效果

ae实现星光闪烁效果
数据可视化大屏项目开发中,我们需要一些点缀效果,今天想实现一个星光闪烁的点缀效果。 动画效果 创建形状图层-添加矩形 我们新建一个形状图层,点击下三角然后添加,添加一个矩形 填充一个颜色 添加收缩膨胀 添加收缩膨胀,收缩数量设置为-100, 添加缩放关键帧 开始0中间1...

yekong 4周前 (04-21) 74℃ 0喜欢