分类:代码段

代码段

vue3 element-plus el-carousel自定义指示器样式

vue3 element-plus el-carousel自定义指示器样式
vue3 element-plus el-carousel自定义指示器的样式,指示器的默认样式是长条形的,我们需要设置为圆点,这里我们通过设置指示器的class el-carousel__indicator--horizontal来设置指示器的样式。 element-plus版...

yekong 1天前 7℃ 0喜欢

js 九宫格图片背景大小及定位生成

js 九宫格图片背景大小及定位生成
数据可视化大屏项目开发中,会遇到各种不同样式的边框,为了适配不同比例的屏幕,这些边框我们不能直接做背景图,需要将其切成多段拼接成背景图。 准备图片 首先我们需要准备边框图片,将边框图片切成9个,以便于让其尽可能在不同宽高下不变形。 写样式 接下来我们需要通过css将图片拼接成...

yekong 1天前 181℃ 0喜欢

Glide.js介绍以及使用实例

Glide.js介绍以及使用实例
Glide.js 介绍 Glide.js 是一个轻量级、灵活且可定制的 JavaScript 轮播库。它使用了纯 JavaScript 编写,不依赖任何第三方库,因此在许多项目中都可以轻松集成。Glide.js 提供了许多选项和方法,可以让你轻松地创建和控制轮播。 特点 灵活性...

yekong 2周前 (11-27) 256℃ 0喜欢

gsap 动画效果汇总

gsap 动画效果汇总
数据大屏项目开发过程中,遇到了很多使用gsap实现的动画效果,今天将遇到的动画效果整理一下,希望能够拓展一下大家的思路。 threejs使用gsap实现相机飞行靠近观察设备 gsap实现推拉门效果实例 gsap实现数字滚动 vue3 数据可视化大屏-异形环形组件 gsap...

yekong 1个月前 (11-04) 380℃ 1喜欢

dayjs介绍以及使用实例

dayjs介绍以及使用实例
dayjs 是一个轻量级的日期和时间处理库,它提供了简单易用的 API 来解析、格式化、操作和显示日期和时间。与其他大型日期库(如 Moment.js)相比,dayjs 的目标是保持小巧且高性能,同时提供大部分常用的日期处理功能。 以下是 dayjs 的一些主要特点和功能: ...

yekong 2个月前 (10-25) 589℃ 0喜欢

echarts折线图负值areaStyle在折线图下方

echarts折线图负值areaStyle在折线图下方
当echarts折线图的数据有赋值的时候,areaStyle颜色区域会出现在折线图上方,这并不是我想要的效果,我想要的是areaStyle区域要一直处在折线图下方 代码修改 我们可以通过修改origin: 'start'来实现我们想要的效果 areaStyle: { nor...

yekong 2个月前 (10-07) 181℃ 0喜欢

mockjs介绍及使用

mockjs介绍及使用
Mock.js是一个用于生成模拟数据的JavaScript库,它可以用于前端开发中模拟后端API接口的响应数据。Mock.js可以帮助开发人员在没有实际后端服务器的情况下进行前端开发和调试,同时也能提供一些随机化数据,以模拟不同场景下的接口响应。 特点和功能 自动生成随机数据:...

yekong 2个月前 (10-07) 442℃ 1喜欢

js 数组值同比例缩小

js 数组值同比例缩小
在three 3d饼状图渲染的时候,如果数据太大会导致饼状图渲染变形,这时候我们需要对数据进行处理,让数据处在某个范围内 let data = [ { value: 1225, name: "标准护理", ...

yekong 2个月前 (10-05) 111℃ 0喜欢

gsap实现数字滚动

gsap实现数字滚动
数据可视化大屏 项目开发中,需要实现数字滚动效果,这里我们使用 gsap 来封装成一个vue组件实现我们想要的效果。 动画效果 使用组件 <numcard :number="item.value" :delay="index*0.15+'s...

yekong 2个月前 (10-03) 152℃ 0喜欢

threejs相机控件轨道控制器OrbitControls

threejs相机控件轨道控制器OrbitControls
平时开发调试代码,或者展示模型的时候,可以通过相机控件OrbitControls实现旋转缩放预览效果。 three版本 "three": "^0.154.0", 效果截图 演示地址 threejs添加轨道控制器 OrbitControl...

yekong 2个月前 (10-02) 375℃ 0喜欢