随笔分类 -  可视化

webrtc-streamer如何在centos7上进行开机自启动配置（教程）
摘要：1.下载webrtc-streamer工具linux版本 首先去官方网址下载webrtc-streamer工具对应的linux版本，并通过MobaXterm将该文件上传到linux系统（如centos7）指定文件夹内。 下载地址：https://github.com/mpromonet/webrtc 阅读全文
posted @ 2025-08-20 11:14 上清风 阅读(398) 评论(0) 推荐(0)
通过Canvas在网页中将后端发来的一帧帧图片渲染成“视频”的实现过程
摘要：1.背景 最近有这样的场景，网页端需要显示现场无人系统（机器人）的摄像头数据（图片）。值得注意的是，一个无人系统（机器人）它身上可能挂载若干个摄像头，这若干个摄像头都需要在前端的若干个小区域内显示；另外不同的用户访问前端网页，每个用户都访问他自己想关注的无人系统（机器人）摄像头数据。而前端直接和现场 阅读全文
posted @ 2025-08-19 16:26 上清风 阅读(1358) 评论(3) 推荐(6)
通过相对定位、绝对定位显示按钮及按钮点击显示遮罩层弹出框
摘要：最近对已开发完毕的大屏需要追加些新的内容，原因是有些指标没有在大屏中显示，这个指标是仿真任务的卡片详情信息，任务会很多，还需要提供查询区进行筛选。但是原有大屏页信息区域已经满了，没有新的空白区域可供调整显示。 想到可以在大屏相关某个位置显示一个按钮，当用户点击时弹出弹出框，弹出框内顶部一行显示查询区 阅读全文
posted @ 2025-07-21 16:32 上清风 阅读(50) 评论(0) 推荐(0)
本地demo样式显示正常，将demo移植VUE项目CSS样式不起作用问题排查------使用:deep(class/id)解决
摘要：前几天在本地单独写了个demo页面调试显示效果，效果正常，达到预期效果，于是将demo移植到已有的大屏项目中。 但是奇怪的问题出现了，移植大屏后，原有的demo页面CSS样式不起作用，但是DOM结构和数据都渲染出来了。 排查了很久，有考虑内部demo页面的class/id样式名称等是否和大屏CSS文 阅读全文
posted @ 2025-05-26 15:17 上清风 阅读(100) 评论(0) 推荐(0)
开发小技巧：javascript的filter函数用法，结合查询条件对数据的动态过滤
摘要：1.javascript的filter函数用法 该方法用于过滤数组成员，满足条件的成员组成一个新数组返回。它的参数是一个函数，所有数组成员依次执行该函数，返回结果为true的成员组成一个新数组返回。该方法不会改变原数组。 上面代码将大于3的数组成员，作为一个新数组返回。 其他详细用法可参见：http 阅读全文
posted @ 2025-05-23 14:34 上清风 阅读(263) 评论(0) 推荐(0)
开发小技巧：超长字数显示省略号CSS配置
摘要：1 .card-title { 2 /* font-size: 15px; */ 3 font-size: 0.82vw; 4 font-weight: bold; 5 6 /* 一旦使用渐变色,文字超长的省略号效果就无法显示了,只能取消使用文字渐变色效果 */ 7 /* background: l 阅读全文
posted @ 2025-05-22 09:18 上清风 阅读(31) 评论(0) 推荐(0)
Ajax请求的常用方式记录（作为常用copy模板）
摘要：一、Get 请求的模板（不带参数，普通请求，接收返回JSON格式的反馈数据） 1 $.ajax({ 2 type: 'GET', 3 url: ipprefix + '/GetAllTestTasksStatusData', 4 dataType: 'json', //期望的后端返回数据格式 5 a 阅读全文
posted @ 2025-05-14 16:18 上清风 阅读(31) 评论(0) 推荐(0)
系统首页加载异常耗时问题
摘要：最近发现一个问题，之前开发好的一个项目部署到公司内网供部门内同事使用后，大家都反应每次登录系统后首页加载很长时间才刷出信息，且基本都是第一次（重新刷新浏览器则不会卡）；若是把浏览器的记录删除掉，重启电脑，再访问系统同样是出现首页加载耗时时间长的问题。 为了这个问题，我复现了下现象，我的电脑比较好，如 阅读全文
posted @ 2025-03-03 16:49 上清风 阅读(29) 评论(0) 推荐(0)
DHTMLX Gantt 甘特图导出全数据图-----自实现方式过程记录
摘要：针对上一篇DHTMLX Gantt甘特图导出全数据图，使用官方提供的方法虽然很方便，也免费，但每次生成图片的时候需要访问下：export.dhtmlx.com的相关授权接口，这对我们的项目如果是在内网（不能联网访问外网的情况）非常不友好，也就无法使用官方的方式了。 那么如果尽量能实现同等的效果，并且 阅读全文
posted @ 2025-02-20 13:47 上清风 阅读(1063) 评论(0) 推荐(0)
DHTMLX Gantt 甘特图导出全数据图/PDF-----使用官方方法
摘要：注意：以下方案是DHTMLX Gantt官方提供的免费版调用接口，需要在线联网访问官网export.dhtmlx.com 的服务器，断网或内网局域网用不了该免费版调用接口。最近有个需求，将项目甘特图导出图片，但发现问题：当项目甘特图内的行数很多时（这是必然，当项目周期长，建立的任务很多，就会出现很多 阅读全文
posted @ 2025-02-19 14:49 上清风 阅读(504) 评论(0) 推荐(0)
前端开发过程小知识点记录（开发过程实时更新）
摘要：1.#main div 距离页面顶部和左边有间距，但是并没有人为设置 出现现象图： 原因：大多数浏览器会为 body 和 html 元素添加默认的外边距。可以通过重置这些样式来解决此问题。 解决办法：在css中清除浏览器的默认样式 html, body { margin: 0; /* 清除默认外边距 阅读全文
posted @ 2025-02-14 14:27 上清风 阅读(27) 评论(0) 推荐(0)
BI大屏自适应的构建
摘要：对于大屏自适应，网上有基于Vue编写的大屏自适应逻辑代码，本文讲解如何在一个初始化大屏的页面中使用自适应逻辑代码，以及如何解决自适应后大屏左右两边留白的问题。 首先，在编写的初始化html文件中，需要引入离线版的vue JS包和大屏自适应的js代码： 1 <script src="./assets/ 阅读全文
posted @ 2025-02-13 15:57 上清风 阅读(135) 评论(0) 推荐(0)
解决自开发的js内部代码模板字面量的写法在JeeSite框架下报错的问题
摘要：最近在以往的项目的页面的js内部追加了部分逻辑代码如下： 1 // 自定义浮动框的显示内容 2 gantt.templates.tooltip_text = function (start, end, task) { 3 // 使用原始结束日期显示 4 var originalEndDate = t 阅读全文
posted @ 2025-02-12 14:58 上清风 阅读(20) 评论(0) 推荐(0)
DHTMLX Gantt 甘特图计算工期少1天的问题解决及解决过程附带产生的问题解决
摘要：这几天在对之前开发的项目管理系统可视化部分当中的甘特图模块进行功能优化，过程中发现了之前未发现的Bug问题。 如下图所示，甘特图的工期计算结果少1天： 为此我排查了之前写的存储过程，对甘特图所需的duration字段值的计算追加1天： 1 CREATE DEFINER=`root`@`localho 阅读全文
posted @ 2025-02-11 17:40 上清风 阅读(461) 评论(0) 推荐(0)