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

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 ...

这是完整的一篇超长文章，内容为javascript V8引擎的 词法分析 语法分析 编译 执行 优化 等完整的一个链条，内容详略得当 可以按需要部分阅读 也可以通篇仔细观看。 依旧是无图无码，网文风格。我觉得，能用文字把逻辑或者概念表述清楚，一是对作者本身的能力提升有好处，二是对读者来说 思考文字表达的内容 有助于多使 ...

用 JavaScript 获取股票数据，真的有这么难吗？ 起因 说实话，这个项目的诞生完全是被逼出来的。 去年我想做一个股票行情看板，就是那种简单的页面，能实时显示几只自选股的涨跌。听起来很简单对吧？但当我真正开始动手的时候，才发现事情没那么简单。 网上搜一圈，股票数据接口相关的工具几乎全是 Python 的。AkShare、T ...

JavaScript 中 getItem 方法详解 你想了解的 JavaScript 中的 getItem 方法，核心是用于从浏览器的存储对象中读取指定键（key）对应的存储值（value），最常用在 Web 存储相关的 API 中，下面分核心知识点详细说明： 一、核心使用场景：两大存储对象 getItem 并非全局通用方法，主要绑定在浏览器提供的两个存储对象上，也是 ...

vue 甘特图 vxe-gantt table 可视化依赖线的使用，可视化拖拽创建连接线的用法 支持拖拽两个任务之间创建连接线、支持双击线删除 https://gantt.vxeui.com/ 类型说明 0 FinishToStart 结束后才开始，表示一个任务必须在另一个任务开始之前完成 1 StartToFinish 开始到结束，表示从某个过程的开始到结束的整个过程 2 StartTo ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 我们知道，Next.js 最核心的特性便是 支持静态生成（SSG）和服务端渲染（SSG），这也就意味着我们可以以部署 Node 服务的方式，将其部署在服务器上，用请求后端接口类似的形式来请求页面文件。换句话说，我们其实可以直接把 Next.js 看成一个特殊的 Node 后端服务。 既然是在 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 Codex 是OpenAI 推出的一系列人工智能编码工具，通过将任务委托给强大的云端和本地编码代理，帮助开发人员提升工作效率。支持原生终端、vscode插件、cursor插件等场景使用。 官网网站 openai.com/codex/ 系统要求 步骤一：安装Codex CLI 选择一种安装方式即可。 npm（ ...

vue 表格 vxe-table 开启筛选、excel 筛选框列表样式，通过设置列的 filterRender.name = 'FilterAggregation'启用组合筛选功能 https://vxetable.cn <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </div> </template> <script setup> import { reactive } from 'vue' const nameFilterRender = ...

前端开发技术深度思考 一、框架核心机制 1. React与Vue的Diff算法比较与演进 React和Vue的Diff算法差异源于其核心设计理念的不同： React 基于不可变数据和函数式组件，默认采用相对保守的重新渲染策略，依赖开发者通过 React.memo、useMemo 等进行精细控制。 Vue 则通过响应式系统自动追踪依赖，实现更精确的组件更新。 ...

vue 表格 vxe-table 树结构实现单元格复制粘贴功能，实现树层级节点复制功能；树结构默认是平级粘贴，可以通过 clip-config.isDeepPaste 启用深层数据结构的粘贴，需要注意树结构只支持 tree-config.transform 模式 https://vxetable.cn 可以通过 clip-config.isDeepPaste 启用深层数据结构的粘贴 <template> <div> ...

vue 表格 vxe-table 如何实现右键菜单异步权限控制，权限控制邮件菜单按钮禁用与显示，支持自定义方法参数来控制菜单选项的异步禁用与显示 https://vxetable.cn 右键菜单加载中，通过 visibleMethod 和 loading | disabled | visible 属性来控制菜单选项的异步禁用与显示，可以精确到每一列每一行的显示隐藏与禁用控制 <te ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 1. 视口单位布局 (Viewport Units) 使用 vw 和 vh 单位来实现响应式布局： .full-screen { width: vw(1920); height: vh(1080); padding: vh(5) vw(5) vh(5) vw(5); } .header-title { font-size: vw(40); line-height: vh(80); } 这里的&nbs ...