分类:代码段

代码段

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

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

yekong 1年前 (2023-12-10) 喜欢

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

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

yekong 1年前 (2023-12-10) 喜欢

Glide.js介绍以及使用实例

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

yekong 1年前 (2023-11-27) 喜欢

dayjs介绍以及使用实例

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

yekong 1年前 (2023-10-25) 喜欢

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

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

yekong 1年前 (2023-10-07) 喜欢

mockjs介绍及使用

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

yekong 1年前 (2023-10-07) 喜欢

js 数组值同比例缩小

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

yekong 1年前 (2023-10-05) 喜欢

threejs相机控件轨道控制器OrbitControls

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

yekong 1年前 (2023-10-02) 喜欢

threejs添加坐标轴辅助器

threejs添加坐标轴辅助器
three项目在开发中,为了方便查看物体在空间中的位置,我们需要使用一个坐标辅助器 THREE.AxesHelper是Three.js中一个非常有用的工具,它用于在场景中绘制x、y和z轴,帮助开发者确定3D空间中的方向。特别是在开发过程中,当你正在设置摄像机、灯光或放置对象时,这...

yekong 1年前 (2023-10-02) 喜欢

js 移除body中已插入的div

js 移除body中已插入的div
threejs 地图项目中,需要插入弹窗div,因为地图需要下钻所以会多次初始化,但是每次初始化后div中都会重复插入div,为了避免重复插入,需要在插入前判断是否存在,如果存在则移除再重现插入。 为了确保每次初始化时都只有一个tooltip元素,你可以首先检查document....

yekong 1年前 (2023-09-16) 喜欢