前端开发综合论坛 今日: 0|主題: 906|排名: 71 

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 你是不是也遇到过这样的场景？面试官抛出一个闭包问题，你支支吾吾答不上来；团队代码review时，看到同事用的Promise链一脸懵逼；明明功能实现了，性能却总是差那么一点... 别慌！今天我整理了12个JavaScript核心概念，这些都是2024年各大厂面试的高频考点，也是日常开发中 ...

vxe-table 复制单元格内容总会在最后加个换行符，如何去掉末尾换行符的解决方法，默认情况下复制单元格内容时，会自动在文本尾部带个换行符。 https://vxetable.cn 通过 clip-config.isTrimCopyContent 来启用对复制后内容的修剪功能，自动去掉本次内容的换行符 <template> <div> <vxe-switch v-model="clipConfig.i ...

vxe-table 个性化列自定义列弹出层修改高度、修改最大高度不自动适应表格高度的方法 默认情况下，在表格设置高度或最小高度的情况下个性化列弹出层默认内部模式（自适应表格高度），表格多高就最大多高；未设置高度情况下默认外部模式（不跟随表格高度） https://vxetable.cn 自适应高度时 当 custom-config.poupuOptions.m ...

大家好，我是 Java陈序员。 在企业开发中，你是否有遇到过如下难题：管理 3 台服务器需要同时打开终端工具、文件传输软件和监控面板，切换窗口的时间比实际操作还多；出门在外想临时调整配置，手机上却找不到能流畅运行的 SSH 客户端；团队协作时，服务器连接信息在 Excel 和聊天记录里杂乱堆放，安全性无从谈起？ 今天，给 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 前言 在前端开发中，ECharts 作为数据可视化的利器被广泛使用，但每次使用都要重复处理初始化、容器获取、事件绑定、窗口 resize 等逻辑，不仅繁琐还容易出错。最近我封装了一个useEchart Hooks，彻底解决了这些痛点，今天就来分享一下实现思路和使用技巧。 为什么需 ...

vue 表格 vxe-table 加载数据的几种方式，更新数据的用法，vue 最强大的表格组件，支持 vue2 和 vue3，功能太多，这里介绍基础用法 https://vxetable.cn 双向绑定 data 方式 数据是双向同步的，修改 data 就可以自动刷新 <template> <div> <vxe-button status="primary" @click="loadList1Event">修改1</vxe-button ...

Vue3基于 ZLMRTCClient 实现高性能 WebRTC 流播放器 之前文章有介绍过weRtc的应用参考这边文章：https://www.cnblogs.com/lijinhuaboke/p/19456259 后面发现一个更便捷的在现代webRtc提出播放器，都不用自己封装写方法，下载ZLMRTCClient.js直接用就行。就介绍如何在 Vue 3 项目中，利用 ZLMediaKit 提供的 ZLMRTCClient.js ...

Vue3 ：封装 WebRTC 低延迟视频流与 WebSocket 实时状态驱动的大屏可视化 在工业互联网和智慧安防领域，实时监控大屏是核心业务场景之一。本文将分享在最近的“油罐车作业智能监控系统”中，如何利用 Vue3 + TypeScript 技术栈，实现低延迟的 WebRTC 视频流播放，以及基于 WebSocket 的全链路作业状态实时同步。 一、 业务 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 前言 在前端开发中，我们经常会遇到接口返回的文本内容过长，无法完全显示的问题。为了处理这一问题，通常会设置固定的宽度并使用省略号样式（text-overflow: ellipsis）来隐藏超出的文本。然而，有时产品需求还希望用户能够通过悬停查看完整内容，这时就需要引入 Tooltip 进 ...

vue 树组件 vxe-tree 如何异步判断右键菜单的权限控制，异步显示隐藏菜单选项,通过 menu-config.options 来配置右键菜单 https://vxeui.com 通过 menu-config.options.loading 来配置是否加载中,menu-config.options.visible 来实现是否显示菜单 <template> <div> <vxe-tree v-bind="treeOptions" v-on="treeEvents" ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣   localhost 是主机名（域名） ，属于应用层概念； 127.0.0.1 是IPv4 回环地址，属于网络层概念。 两者都用于访问本机服务，但 localhost 必须通过解析才能映射到具体 IP（默认是 127.0.0.1 或 IPv6 的 ::1），而 127.0.0.1&nb ...

vue vxe-context-menu 如何给任意组件使用右键菜单，全局右键菜单，支持任意组件中直接调用右键菜单 打开右键菜单：VxeUI.contextMenu.open({ options }) 事件触发右键菜单：VxeUI.contextMenu.openByEvent(event, { options }) 关闭右键菜单：VxeUI.contextMenu.close() https://vxeui.com 任意组件调用右键菜单 通过方法 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 1. ResizeObserver ResizeObserver 是一个浏览器原生的 JavaScript API，用于监听 DOM 元素尺寸的变化。它类似于 MutationObserver，但专门用于观察元素的大小（宽高）变化，而无需依赖 window.resize 事件（后者只对视口变化有效）。 🧩 基本用法 const resizeObserver = ...

vue 如何实现 vxe-table 的按键操作回车键的上下移动修改为 Tab 键的左右切换，支持将回车键替换Tab键的功能操作 https://vxetable.cn 通过设置 keyboard-config.enterToTab 将回车键上下切换行为修改为 Tab 键左右切换行为,还可以通过 keyboard-config.enterMethod 覆盖默认行为实现自定义业务逻辑 <template> <div> ...

vue 甘特图 vxe-gantt 如何实现标记删除数据，显示标记删除后行效果，获取已标记的行数据 https://gantt.vxeui.com 标记为待删除状态，通过调用 setPendingRow 方法标记为待删除状态，由内部 CRUD 管理器自动记录操作行为，可以通过 getPendingRecords 获取； <template> <div> <vxe-button status="success" @click ...

vxe-table 如何实现对单元格数据校验不通过的单元格显示背景颜色,通过设置 valid-config.theme='beautify' 设置为高亮样式,调用 fullValidate 方法可以同时显示多个错误提示。 https://vxetable.cn 通过设置 valid-config.showErrorBackground 显示校验错误单元格背景色 <template> <div> <div> <vxe-button ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 🧠 在 Web 前端实现流式 TTS 播放：从卡顿杂音到丝滑顺畅的演进之路 在做前端实时语音合成（TTS）时，很多人都会遇到同样的问题： 播放出来的语音一顿一顿的，很卡顿 声音中夹杂“咔嗒”声、杂音、断裂 明明音频格式是 MP3，也无法做到“接收到就播放” 本文将带你走一遍真 ...

vxe-table 如何实现分页勾选复选框功能，分页后还能支持多选的选中状态，要实现这个功能，有多种方式 https://vxetable.cn 可以使用一个变量来记录已选的数据，在分页时重新赋值选中状态。 使用内置的选中状态记忆保留功能，可以直接使用，无需再额外写代码 分页多选保留状态 当使用数据分页与复选框多页选中时，可以通过 ...

在HTTP通信中，三次握手和四次挥手是TCP（传输控制协议）建立和断开连接的过程。理解这些过程对于网络协议知识非常有帮助。以下是详细的解释： 三次握手（Three-Way Handshake） 三次握手是TCP连接建立的过程，确保双方都准备好进行数据传输。 第一次握手（SYN）： 客户端发送一个SYN（同步序列编号）报文段到服务器，表 ...

vxe-table 修改表格样式，修改边字体、框、背景色等样式的用法，支持 css 变量和 scss 主题变量，可以非常方便的对样式进行全局修改和局部修改。 https://vxetable.cn 修改字体大小 css 变量 如下： --vxe-ui-font-size-default: 18px; --vxe-ui-font-size-medium: 16px; --vxe-ui-font-size-small: 14px; --vxe-ui-font-si ...