数据可视化大屏项目中，我们需要实现帧动画，实现方式有很多种，这里的方法是通过将序列帧图片转为雪碧图来实现，但是这里似乎有个问题就是不容易控制宽高。
将图片合成雪碧图并实现动画
将雪碧图拆解为序列帧图片
既然能序列帧图片转为雪碧图，我们也可能需要将序列帧做成的雪碧图重新转回到帧图片...
yekong
1年前 (2023-09-05)
喜欢
在HTML5中，<video>元素本身并没有双击全屏的功能，但你可以通过JavaScript来实现这一点。这里是一个简单的示例：
首先，创建一个简单的HTML页面，并添加<video>元素：
<!DOCTYPE html>
<html...
yekong
1年前 (2023-08-29)
喜欢
html + js + css 数据可视化大屏项目中，有个地方需要滚动展示，之前一直用vue插件实现的，现在需要js加css实现，将实现过程记录一下。
效果截图
动态效果
为了实现列表的上下循环滚动，可以使用JavaScript来调整列表的内容。当一个项目完全滚动出视图时，可...
yekong
1年前 (2023-08-17)
喜欢
要在JavaScript中进行RGBA与HEX之间的转换，你可以使用以下函数：
RGBA到HEX:
function rgbaToHex(r, g, b, a) {
r = r.toString(16);
g = g.toString(16);
b =...
yekong
1年前 (2023-08-16)
喜欢
数据可视化大屏在完成交付后，客户反馈不是他们想要的，这边开发时用vue3脚手架开发出来的，效果也按照客户的要求实现了，但是最终不是客户需要的，客户要的是普通的html+js+css，在做之前收到的通知是vue来写，现在要改成html+js+css，所以做之前一定要再三确认对框架的...
yekong
1年前 (2023-08-16)
喜欢
数据可视化大屏 项目开发中，需要渲染echarts地图，在地图中绘制标识点，为了提升交互，需要事先准备13条数据，然后每次请求mockjs接口都需要随机从接口中取6-13条数据。
[
{
name: '新百汇社区',
value: [111...
yekong
1年前 (2023-08-15)
喜欢
你可以使用 JavaScript 来将一个数组每三个元素分为一组。下面是一个示例代码，可以实现这个功能：
function chunkArray(array, chunkSize) {
const result = [];
for (let i = 0; i < a...
yekong
1年前 (2023-08-14)
喜欢
js 当两个字段使用的同一个数组后，当其中一个数组变化了，另外一个数组也会收到影响。
this.list = res.data;
this.list2 = res.data;
var data = {
sorCount: 0,
sensorTypeKey: '0',
...
yekong
1年前 (2023-08-02)
喜欢
请求多个接口
对于每个type，你的代码中需要三次独立的异步请求（list_teacher，list_external，list_serve）。这些请求可以同时进行以节省时间。
使用map函数直接生成list，而不是用forEach循环和push。
这是优化后的代码：...
yekong
1年前 (2023-07-29)
喜欢
在JavaScript中，有多种方法可以用来对数组进行求和。以下是几种常见的方法及其示例：
方法1：使用for循环
let arr = [1, 2, 3, 4, 5];
let sum = 0;
for (let i = 0; i < arr.length; i++) {...
yekong
1年前 (2023-07-28)
喜欢
