前端-尔嵘

原创 智慧电力2.5d大屏可视化解决方案

乐吾乐2D可视化是乐吾乐科技完全自主研发的集实时数据展示、动态交互、数据管理等一体的全功能可视化平台。具有实时监控、多样、变化、动态交互、高效、可扩展、支持自动算法、跨平台等特点，最大程度减少研发和运维的成本，并致力于普通业务人员 0 代码开发实现数字孪生、大屏可视化、Web组态、SCADA等解决方案。医院是一所小型的综合电力运维管理平台，24小时都需要正常运转，每天都是需要大量的电力能源消耗，那么运维管理显得十分重要，在这样的情景下，我们的想做一个医院的智慧大屏系统，方便我们实时观察和运维管理。

原创 基于一款热门大屏可视化设计器使用教程

乐吾乐大屏可视化设计器是一个用于创建和定制大屏幕数据可视化展示的工具，支持零代码实现物联网、工业智能制造等领域的可视化大屏、触摸屏端UI以及工控可视化的解决方案。同时也是一个Web组态工具，支持2D、3D等多种形式，用于构建具有实时数据展示、监控预警、丰富交互的组态画面。拥有丰富的大屏组件和行业模板，能够快速搭建酷炫的2D和嵌入3D数据可视化大屏和数字孪生，携手打造数字化时代的前沿大屏应用。

原创 乐吾乐2D可视化之智慧城市可视化（一）

随着数字化不断发展， 智慧城市是通过最新的信息技术让城市的方方面面变得更智能管理,协同高层领导策决策和提高管理者效率,增加市民生活幸福感和提升城市数字化魅力。智慧城市起源于传媒领域,是指利用各种信息技术或创新概念,将城市的系统和服务打通、集成，以云计算、物联网、大数据和人工智能等一系列最新规模商用的技术,打造智慧城市的神经系统和城市大脑。为企业可视化赋能：高效快捷的可视化工具，把无形的数据变成有意义、清晰可见的展示；数据驱动显示，让我们更专注业务本身，提高生产力；

原创 乐吾乐2D可视化为智慧水务可视化赋能（二）

以数据为核心、数据驱动显示，数据+ 算法 + 风格 = 栩栩如生；多状态呈现，进度、动效多角度动态展示；支持1万+以上节点、1000+动画。得益于乐吾乐2D可视化技术的不断优化升级，通过建立水务模型，我们能够有效的将空间地理信息和数据进行互联互通，这将有利于实时数据的监测，水务预警，对管网信息进行模拟和可视化组态，能够极大的提高实时性和可预防性！对水务行业进行可视化、智能化、数字化升级尤为重要！根据上级指示，要不断深化数字化领域探索和改革，把握时代命运。构建全球数字化领域命运共同体！

原创 乐吾乐2D可视化为智慧水务赋能（一）

智慧水务是云计算、大数据、物联网、传感器等技术在水务行业的综合应用。而智慧水务可视化则是利用计算机图形学和图像处理技术，以数字化、网络化、智能化为主线，将数据转换成图形或图像更好的呈现出来，并进行数据交互处理的理论、方法和技术。乐吾乐2D可视化通过技术革命已经实践应用，可以在智慧水利可视化方面提供解决方案！“加快推动数字产业化,培育壮大人工智能、大数据、区块链、云计算、网络安全等新兴数字产业”。

原创 乐吾乐2D可视化绘图引擎

简介：基于政策支持和时代要求，工业物联网正朝着纵深的方向扩散和发展，而工业物联网是工业互联网的基础，通过乐吾乐2D可视化技术服务能满足实时性、自动化、嵌入式(软件)、安全性、和信息互通互联性等行业需求，能够更好的将打通的数据流展现在管理者面前，从某种意义可以说是降低了时空限制的成本，更好的维护和控制。将乐吾乐2D可视化引入到传统的水务系统中后，我们会更清晰的看到乐吾乐2D可视化能够快速的掌握不同的管网、泵站、水厂之间的协作关系，极大的节省了人力、物力、财力。二、乐吾乐2D可视化能给您或者您的行业带来什么？

原创 最火前端Web组态软件(可视化)

随着物联网、大数据等技术高速发展，我们逐步向数字化、可视化的人工智能（AI）时代的方向不断迈进。智能时代是工业 4.0 时代，我国工业领域正努力从“制造”迈向“智造”的新跨越。

原创 github上适合练习的vue、react项目

1.初步练手但不是很全的vue2.0项目:(三天)https://github.com/WuNianLuoMeng/VUE2.vue3.0钉钉项目：https://github.com/shiyongjason/dingding3. 惠乐游PC首页vue-cli3.0：https://github.com/lucianxiang/hly_project3.04.vue3.0入门项目仿...

原创 js中websocket的连接过程

Websocket是一种用于H5浏览器的实时通讯协议，可以做到数据的实时推送，可适用于广泛的工作环境，例如客服系统、物联网数据传输系统，该测试工具可用于websocket开发初期的测试工作。

原创 uniapp中报错：ReferenceError: FormData is not defined

文章摘要：在Uniapp开发中，使用FormData上传图片时出现"ReferenceError: FormData is not defined"错误，原因是小程序环境不支持原生FormData对象。解决方案包括：1）使用uni.uploadFile替代FormData处理混合数据；2）封装兼容的请求方法，分离处理文件和普通字段；3）通过uni.chooseImage获取本地文件路径。后端需支持多文件上传，小程序端需注意每次只能上传一个文件的限制，多文件需循环调用。该方法兼容H5和小程

原创 yarn : 无法加载文件 D:\nvm\nodejs\yarn.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?

摘要：当PowerShell的执行策略阻止yarn脚本运行时，可通过以下方法解决：1）临时更改执行策略（当前会话有效）；2）永久修改执行策略（需管理员权限）；3）改用cmd运行；4）使用yarn.cmd替代；5）删除yarn.ps1文件。其中方法1和方法3最为推荐，方法2会降低安全级别但适合开发环境。根据实际需求选择合适方案即可正常使用yarn命令。（150字）

原创 uniapp中报错： sassError: expected selector. /deep/

在Vue的SCSS样式中，使用/deep/选择器会导致语法错误。建议改用::v-deep替代，正确写法如：::v-deep .ant-modal-close{color:#fff;}，它能解决样式穿透问题，同时保持SCSS的语法正确性。

原创 yarn install v1.22.22[1/4] Resolving packages...error Can‘t add “esprima-fb“: invalid package vers

【解决方案摘要】Yarn报错通常因esprima-fb的非法版本号(3001.0001.0000-dev-harmony-fb)引发，提供三种修复方案：1）推荐通过.yarnrc强制指定合法版本(15001.1.0-dev-harmony-fb)；2）彻底升级react-native/jest等现代依赖链；3）临时方案可修改配置绕过检查。根本原因是Facebook旧版依赖的非标准版本号，建议长期锁定版本或升级Yarn工具链。旧项目优先选方案1，新项目推荐方案2彻底升级。（150字）

原创 vue+vxe_table 实现复选框和树形单元格的列表(不分页)批量导出功能

本文展示了如何使用vxe-table组件实现表格数据的选中导出功能。代码包含一个带复选框的树形表格，支持选中特定行数据并导出为Excel文件。关键实现包括：1)通过checkbox-change事件获取选中数据；2)使用xlsx库处理数据生成Excel文件；3)借助file-saver实现文件下载。导出的Excel仅包含名称和年龄两列数据，当未选中数据时会弹出提示。该方案适用于需要导出表格部分数据的业务场景。

原创 HBuilderX中如何使用夜神模拟器调试Uniapp的Android应用？

摘要：本文介绍了使用HBuilderX连接夜神模拟器进行调试的步骤：1)进入夜神bin目录，通过nox_adb连接模拟器；2)定位HBuilderX的tools目录并执行adb连接命令；3)在HBuilderX中选择运行到Android基座，若出现未识别情况可刷新重试；4)最后点击运行即可开始调试。文中提供了具体的目录路径示例和命令操作指引。

原创 git拉取远程仓库最新代码，并覆盖本地代码

【代码】git拉取远程仓库最新代码，并覆盖本地代码。

原创 js分类筛查

【代码】js分类筛查。

原创 Linux内核参数调优（TCP BBR算法实践）

基于拥塞状态而非丢包：传统 CUBIC 算法依赖丢包判断拥塞，BBR 通过测量带宽 (Bandwidth) 和 RTT (Round-Trip Time) 动态调整发送速率。AWS/GCP：需使用 Enhanced Networking（SR-IOV）避免虚拟化层瓶颈。主动探测瓶颈：周期性探测最大带宽和最小 RTT，构建网络路径的「双状态模型」。# 允许的最大发包速率（bytes/sec），需根据网卡调整。# 设置更激进的 pacing_gain（适用于高延迟网络）

原创 TypeScripts前端基础篇(4)--- 如何定义泛型?

在 TypeScript 中，泛型（Generics）是语言内置的功能，不需要额外下载或安装任何东西;如果你需要编写可重用的泛型代码，才需要使用 T 这样的类型参数。// T 被推断为 boolean。// T 被推断为 number。// T 被显式指定为 string。这里你明确指定了数组元素必须是 boolean 类型，这不是泛型的使用，而是类型注解。// T 被推断为 boolean。Array<T> 是泛型用法，但需要在使用前定义 T 的类型参数。// 直接使用，不需要 import。

原创 TypeScripts进程列表

原创 TypeScripts前端基础篇(3)--- 泛型详解

泛型（Generics）是 TypeScript 中非常重要的特性，它允许我们创建可重用的组件，这些组件可以支持多种类型，而不会丢失类型安全性。// 错误：无法分配到"title"，因为它是只读属性。泛型是 TypeScript 中非常强大的特性，合理使用可以大大提高代码的可重用性和类型安全性。泛型允许我们在定义函数、接口或类时不预先指定具体类型，而是在使用时再指定类型。// 错误：m不是x的属性。泛型保持了类型约束，提供了更好的类型安全性。1. 什么时候使用泛型？

原创 Linux 服务器运维常用命令大全

vi /etc/selinux/config #永久关闭（修改 SELINUX=disabled）yum remove package 或 dnf remove package #卸载软件。tar -czvf archive.tar.gz directory #压缩目录。zip -r archive.zip directory #压缩为ZIP。*/5 * * * * command #每 5 分钟执行一次命令.tail -f /var/log/messages #实时监控日志。

原创 Uniapp 中缓存操作指南

在 Uniapp 中，你可以使用三种方式操作缓存：同步方法、异步方法和 Vuex 持久化存储。同步方法会阻塞当前任务，直到方法返回，适合小数据量操作;console.log('存储成功');console.log('存储成功');console.log('删除成功');// 用户登录后存储token和用户信息。// 或者使用async/await。// async/await版本。// 或者直接清除所有缓存。3. Vuex 持久化存储。// 检查用户是否登录。// 清除指定key。// 清除指定key。

原创 vue中给所需要组件添加水印信息

【代码】vue中给所需要组件添加水印信息。

原创 java -jar 如何持久化运行

在 Linux 中，直接通过 java -jar 启动服务后关闭 SSH 客户端（如 Xshell）会导致服务终止，因为进程默认与当前终端会话绑定。或者 nohup java -jar xxx.jar > logs.log & 命令可以让程序忽略挂起信号，在后台持续运行，其中，logs.log 是指定的输出日志文件。2.在 screen 会话中运行 Java 程序：java -jar xxx.jar。在 tmux 会话中运行 Java 程序：java -jar xxx.jar。

原创 《Uniapp-Vue 3-TS 实战开发》一键授权登录

在使用 UniApp 结合 Vue 3 和 TypeScript 开发时，实现一键授权登录功能通常涉及到调用微信小程序的授权接口（如 wx.getUserProfile 或 wx.login）来获取用户信息和登录凭证，然后将这些信息发送到后端进行验证和处理。创建一个登录页面，例如 pages/login/index.vue，并在其中实现一键授权登录功能。创建一个 API 请求模块，例如 src/api/auth.ts，用于处理登录请求。创建一个简单的后端服务，例如 server.js。

原创 《Uniapp-Vue 3-TS 实战开发》全局配置

* 小程序特有相关 */

原创 《Uniapp-Vue 3-TS 实战开发》Pinia 及 Pinia 持久化

1. 安装与初始化bash# 或在 main.js/ts 中初始化：2. 创建 Store选项式 Store (类似 Vuex)count: 0,}),getters: {// 使用其他 getter},actions: {},})组合式 Store (类似 Vue 3 setup)})3. 在组件中使用 Store// 直接访问 state。

原创 《Uniapp-Vue 3-TS 实战开发》TypeScript 泛型详解

泛型（Generics）是 TypeScript 中非常重要的特性，它允许我们创建可重用的组件，这些组件可以支持多种类型，而不会丢失类型安全性。// 错误：无法分配到"title"，因为它是只读属性。泛型是 TypeScript 中非常强大的特性，合理使用可以大大提高代码的可重用性和类型安全性。泛型允许我们在定义函数、接口或类时不预先指定具体类型，而是在使用时再指定类型。// 错误：m不是x的属性。泛型保持了类型约束，提供了更好的类型安全性。1. 什么时候使用泛型？

原创 《Uniapp-Vue 3-TS 实战开发》构建HTTP请求拦截器

定义了一个名为的拦截器对象，它包含一个invoke方法。invoke方法在每次请求被拦截时触发，接收一个options参数，类型为，这个参数包含了本次请求的所有配置信息，我们可以在这个方法中对这些配置进行修改。result: T// 2.2 添加类型，支持泛型//1.返回Promise对象// 请求处理逻辑})定义了一个名为http的函数，它是对的封装。通过泛型<T>支持不同类型的响应数据。函数返回一个Promise对象，这样可以使用。

原创 《Uniapp-Vue 3-TS 实战开发：从入门到精通》专栏介绍

掌握 Uniapp 的基本原理与开发流程。熟练运用 Vue 3 的组合式 API 进行组件开发。学会使用 TypeScript 为项目添加类型支持，提高代码的可维护性和健壮性。能够独立完成一个完整的跨平台移动应用项目。

原创 获取vxe-table滚动条的高度，刷新页面后仍停留上次滚动表格的高度

中读取保存的滚动条高度，并使用。方法获取当前滚动条的位置。方法将表格滚动到指定位置。

原创 我的创作纪念日

我相信，在未来的日子里，我会继续保持创作的热情，不断积累和分享技术经验，为广大读者带来更多有价值的内容。通过写博客，我不仅可以将自己的学习心得和实践经验分享给广大读者，也可以通过和读者的互动交流，进一步深化对技术的理解和应用。在我创作的过程中，我尽量选择一些具有实践意义和实用性的话题。我深知技术发展日新月异，作为一个技术博主，不仅要持续学习和更新知识，还要及时关注行业的最新动态和趋势，以便为读者提供更有价值的内容。通过CSDN的评论区和私信，我收到了很多读者的反馈和建议，这些都是我继续努力的动力。

原创 websocket在各主流浏览器中默认的请求头是如何设置的？

这些默认请求头的设置主要是为了遵循 WebSocket 协议标准，确保安全、稳定的通信连接，并让服务器能够正确识别和处理 WebSocket 请求。

原创 uniapp中实现APP调用本地通知栏通知、震动、本地提示音或者mp3提醒

uniapp中实现微信小程序消息通知、震动、音乐提醒。

原创 uniapp实现为微信小程序扫一扫的功能

总之，通过uniapp框架，开发者可以更加方便地实现微信小程序的扫一扫功能。不仅可以提高开发效率，还可以在多个平台上发布应用程序，实现更广泛的用户覆盖。如果你是一个正在学习或者关注微信小程序开发的开发者，不妨尝试使用uniapp来实现微信小程序的扫一扫功能。

原创 Linux权限讲解

在Linux中，每个文件和目录都有与之关联的权限。这些权限决定了用户对文件和目录的访问级别。Linux的权限系统基于用户、组和其他用户的概念。理解Linux的权限管理是确保系统安全和有效管理用户访问的关键。通过掌握权限的基本概念、查看和修改权限的命令，以及特殊权限的使用，你可以更好地管理Linux系统中的文件和目录。如果你有其他问题或需要进一步的帮助，请随时问我！

原创 如何离线安装linux软件

离线安装Linux软件的步骤主要包括在联网的机器上下载软件包及其依赖项，然后将这些文件传输到目标机器进行安装。根据你的Linux发行版选择相应的方法。如果你有其他问题或需要进一步的帮助，请随时问我！

原创 linux如何抓包

在Linux中抓包可以使用tcpdump或Wireshark，具体选择取决于你的需求和使用习惯。tcpdump更适合命令行操作，而Wireshark提供了更友好的图形界面和强大的分析功能。如果你有其他问题或需要进一步的帮助，请随时问我！

原创 linux中vi 或 vim 编辑文本自动换行错误

通过以上步骤，你可以在vi或vim中轻松管理文本的自动换行设置。根据你的需求选择合适的选项。如果你有其他问题或需要进一步的帮助，请随时问我！