过去，我们用 Excel、Visio 或 CAD 画机房平面图： 改一台机位 → 重新截图 → 重新标注 → 再发邮件。 如今，一个 不到 200 KB 的 Vue3 组件——Grid Plan v2

在前端开发中，大屏适配一直是个让人头疼的问题。领导总是要求大屏既要不留白，又要不变形，还要没有滚动条。这看似简单的要求，实际却压根不可能。今天，我们就来聊聊大屏适配的四种常见模式，以及如何根据实际需求

轻松理解拖拽移动、拖拽大小的原理，以及优化几百个元素同时拖拽可能产生的性能问题，探讨拖拽系统中会影响用户体验的因素与解决方案。

发现一个现象，貌似今年的数字孪生、虚拟仿真的项目貌似多了起来，不知道大家有没有这种感觉？ 当不断有项目找上门来，甚至甲方希望能快速出一个Demo，这个时候，低代码编辑器就显得格外重要了！ 所以，今天为

最近接了个大屏项目，产品想在不同的显示器上展示大屏项目不同的页面，翻文献的时候发现国外有大佬做出来了投屏，但是使用的原生html，我将一些使用的关键方法搬到vue项目中了

描述 在实际业务中，我们常用图表来做数据统计，数据展示，数据可视化等比较直观的方式来达到一目了然的数据查看，但在大屏开发过程中，常会因为适配不同屏幕而感到困扰，下面我们来解决一下这个不算难题的难题 效

先上效果图炸波🐟 拖拽实现 这里我们使用react-draggable三方库，由于它默认的Draggable是去动态修改元素的transform，和我们设计的初衷背离，于是使用其DraggableCo

前言 近两年一直在做数据分析可视化的项目，我主要是负责可视化大屏编辑器和可视化组件的开发，由于历史原因技术栈用的是jQuery。本人也很喜欢这个项目于是在空闲时间把主要功能用React+ts实现了下，

最近公司有几个大屏项目，就想着在闲暇时间做一个大屏编辑器也顺带学习一下vue3，在这里简单记录一下...