在JavaScript中，要匹配字符串中的第一个特定字符或子串，可以使用正则表达式的锚点^，它代表字符串的开始。如果你想匹配任何字符串的第一个字符，可以使用正则表达式^.，其中点.代表除换行符之外的任意单个字符。
如果你想匹配字符串中的第一个出现的特定子串，你不需要使用特殊的符号...
yekong
1个月前 (03-15) 72℃
0喜欢
在JavaScript中，要匹配一个字符到另一个字符之间的内容，可以使用正则表达式的捕获组和量词。以下是一个基本的示例，展示了如何匹配两个指定字符之间的内容：
const regex = /开始字符(.*?)结束字符/;
const str = "一些文本开始字符需要匹...
yekong
1个月前 (03-15) 59℃
0喜欢
要监听浏览器控制台是否被打开，可以采用几种不同的技术手段。这些方法主要基于浏览器行为的一些特性，但需要注意的是，这些方法可能并不完全可靠，且可能会被浏览器的更新所影响。以下是一些常见的方法：
1. 检测窗口大小变化
一种方法是通过比较window.outerWidth、windo...
yekong
2个月前 (03-13) 72℃
0喜欢
Turf.js是一个轻量级的JavaScript库，专门用于地理空间分析和操作。它提供了一系列强大的函数和算法，用于处理各种地理空间数据，包括点、线、多边形和网格等。Turf.js可以在浏览器和Node.js环境中使用，支持地理空间数据的各种操作，如生成缓冲区、计算等高线和建立T...
yekong
2个月前 (03-09) 93℃
0喜欢
要求
项目要求，在3d模型中显示标注，并且可以点击标注进行弹窗。
实现
threejs 给3d模型添加标注，首先需要让建模师在模型中添加网格模型并按照指定要求命名，然后请求接口，获取名称，查询模型名称获取坐标，并渲染在指定位置。
代码
主组件
<template>
...
yekong
3个月前 (01-31) 2308℃
2喜欢
数据大屏项目开发过程中，遇到了很多使用gsap实现的动画效果，今天将遇到的动画效果整理一下，希望能够拓展一下大家的思路。
gsap实现进度条加载效果
threejs使用gsap实现相机飞行靠近观察设备
gsap实现推拉门效果实例
gsap实现数字滚动
vue3 数据可视化...
yekong
4个月前 (01-05) 728℃
1喜欢
数据可视化大屏 项目开发中，需要实现数字滚动效果，这里我们使用 gsap 来封装成一个vue组件实现我们想要的效果。
动画效果
使用组件
<numcard :number="item.value" :delay="index*0.15+'s...
yekong
5个月前 (12-14) 468℃
0喜欢
vue3 element-plus el-carousel自定义指示器的样式，指示器的默认样式是长条形的，我们需要设置为圆点，这里我们通过设置指示器的class el-carousel__indicator--horizontal来设置指示器的样式。
element-plus版...
yekong
5个月前 (12-10) 522℃
1喜欢
数据可视化大屏项目开发中，会遇到各种不同样式的边框，为了适配不同比例的屏幕，这些边框我们不能直接做背景图，需要将其切成多段拼接成背景图。
准备图片
首先我们需要准备边框图片，将边框图片切成9个，以便于让其尽可能在不同宽高下不变形。
写样式
接下来我们需要通过css将图片拼接成...
yekong
5个月前 (12-10) 389℃
0喜欢
Glide.js 介绍
Glide.js 是一个轻量级、灵活且可定制的 JavaScript 轮播库。它使用了纯 JavaScript 编写，不依赖任何第三方库，因此在许多项目中都可以轻松集成。Glide.js 提供了许多选项和方法，可以让你轻松地创建和控制轮播。
特点
灵活性...
yekong
5个月前 (11-27) 547℃
0喜欢
