🌟 为什么需要“组态 + ThingsBoard”？ ThingsBoard 是一个开源的 IoT 平台，擅长设备接入、规则引擎和数据存储； 传统组态软件 功能强大但开发复杂、学习成本高；

因为获取到的数据的非统一性，我们需要先处理一下数据，把获取到的数据根据我们需要合并的字段进行排序分组。这里我简单实现一个groupBy方法处理数据： 于是想到一个办法，js数组的shift()和push()是直接修改数组所占内存的方法。所以有： 再使用reduce方法比较red…

处理表格单元格合并是很常见的开发需求，el-table官方提供了合并单元格的用法 如下： 根据使用说明很容易写出带有一堆if else 叠加的屎，随着合并条件的嵌套更会屎上加屎

在前端开发中，我们不可避免会遇到 Blob、File、FileReader、ArrayBuffer、Base64、URL.createObjectURL() 这些概念，是时候搞懂他们了！

众所周知，有些属性是不支持过渡动画的，比如高度auto 效果如下 要实现过渡效果，之前提供过一个grid布局方式，原理是利用grid的尺寸单位1fr支持过渡的特性，有兴趣可以回顾这篇文章： 不过到了现

ECMAScript 2024（ES15） 即将发布（2024年6月），新的版本带来了非常多全新的特性。其中有 5 个全新的 JS 方法，可以大幅度提升我们的工作效率，从而让我们得到更多的摸鱼时间~~

前言 在这之前公司项目的文档预览的方式都是通过微软在线预览服务，但是微软的在线服务有文件大小限制，想完整使用得花钱，一些图片文件就通过组件库antd实现，因为我们项目存在多种类型的文件，所以为了改善用

前端有很多小而美的库，接入成本很低又能满足日常开发需求，同时无论是 npm 方式引入还是直接复制到本地使用都可以。 2024年推荐以下小而美的库。 radash 实用的工具库，相比与 lodash，更

客户端对于 WebSocket 的封装重点考虑三个问题： 1、连接状态 2、心跳检测 3、断线重连 连接状态 WebSocket 返回的连接状态有 4 种： 0、WebSocket.CONNECTIN