‍ 写在开头 点赞 + 收藏 学会 拖拽功能是前端开发里最常见的交互之一： 从 百度网盘的文件拖拽，到 Figma 的画布操作，都离不开拖拽能力。 很多人会觉得——拖拽不就是 mousedown + mousemove + mouseup 吗？三行代码就能搞定！ 但当你真正落地到 ...

‍ 写在开头 点赞 + 收藏 学会 面试官问："用户 token 应该存在哪？" 很多人脱口而出：localStorage。 这个回答不能说错，但远称不上好答案。 一个好答案，至少要说清三件事： 有哪些常见存储方式，它们的优缺点是什么 为什么大部分团队会从 localStorag ...

‍ 写在开头 点赞 + 收藏 学会 今天来分享 10 个 Vue3 的性能优化技巧。 核心原则： 减少不必要的响应式追踪 避免无谓的 DOM 操作 按需加载资源 咱也不要为了优化而优化！小项目用默认写法完全没问题，优化应在性能瓶颈出现后进行。 这些技巧不难，但都非常关键。 看完你 ...

‍ 写在开头 点赞 + 收藏 学会 前端 HTML 转 PDF 的工具函数，核心作用是：把网页中指定 ID 的 DOM 元素（比如表格、报表、表单等），通过 html2canvas 和 jspdf 两个库转换成 PDF 文件并下载到本地。 简单说：它能让用户 “一键下载” 网页上 ...

JeecgBoot Vue3 实战：构建高效的企业级前端业务模块 JeecgBoot-Vue3 是一个基于 Vue3.0 + TypeScript + Vite6 + Ant-Design-Vue 的现代化前端解决方案。它集成了二次封装组件、Utils、Hooks、动态菜单、权限校验及按钮级权限控制 ...

vue 可视化表单设计器 vxe-form-design 创建自定义控件的详细用法，vxe-design 是 vxe 下的一个开源的可视化设计器，在使用表单设计器时，通常需要将业务的的每一个控件进行封装，以适应业务的需求，接下来介绍一下如果来定义一个自定义的控件。 https://design.vx ...

Vue3 + 高德地图(AMap) 实现平滑的实时轨迹展示 前言 在物联网、物流监控或安防调度系统中，实时展示设备（如无人机、车辆、手环）的移动轨迹是一个常见需求。如果仅仅是简单的更新标记点位置，视觉上会出现“跳变”现象，体验很不流畅。 本文将分享如何在 Vue 3 项目中，利用 高德地图 (AMa ...

‍ 写在开头 点赞 + 收藏 学会 最近公司又接了个数据可视化大屏的需求，设计稿是标准的 1920 x 1080。 拿到设计稿的那一刻，我的内心是拒绝的... 大家都知道，做大屏适配最烦的就是还原设计稿坐标。 以前我尝试过各种方案： rem / vw: 每一个 px 都要转 ...

‍ 写在开头 点赞 + 收藏 学会 你是不是也遇到过这样的场景？ 在Vue项目里，为了跨组件传递数据，你用provide和inject写了一套祖孙通信逻辑。代码跑起来没问题，但TypeScript编辑器总给你画红线，要么是“类型any警告”，要么就是“属性不存在”的错误提示。 你 ...

‍ 写在开头 点赞 + 收藏 学会 前言 开发过Vue应用的同学对KeepAlive功能应该都不陌生了，但是大家对它的理解是只停留在知道怎么用的阶段 还是说清晰的知道它内部的实现细节呢，在项目中因KeepAlive导致的的Bug能第一时间分析出来原因并且找到解决方法呢。这篇文章的 ...

‍ 写在开头 点赞 + 收藏 学会 我本身是做 Web 开发的，最近需要写个小工具，调用一些系统 API，就选择了比较成熟的 Electron。结果业务代码写了三小时，环境配置、镜像、文件引用、打包路径、体积过大、文件被锁定……各种问题却折腾了将近三天。写下这篇笔记，记录这一路的 ...

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

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

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

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

Vue3基于 ZLMRTCClient 实现高性能 WebRTC 流播放器 之前文章有介绍过weRtc的应用参考这边文章：https://www.cnblogs.com/lijinhuaboke/p/19456259 后面发现一个更便捷的在现代webRtc提出播放器，都不用自己封装写方法，下载ZLM ...

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

vue 树组件 vxe-tree 如何异步判断右键菜单的权限控制，异步显示隐藏菜单选项,通过 menu-config.options 来配置右键菜单 https://vxeui.com 通过 menu-config.options.loading 来配置是否加载中,menu-config.optio ...

vue vxe-context-menu 如何给任意组件使用右键菜单，全局右键菜单，支持任意组件中直接调用右键菜单 打开右键菜单：VxeUI.contextMenu.open({ options }) 事件触发右键菜单：VxeUI.contextMenu.openByEvent(event, { o ...

‍ 写在开头 点赞 + 收藏 学会 1. ResizeObserver ResizeObserver 是一个浏览器原生的 JavaScript API，用于监听 DOM 元素尺寸的变化。它类似于 MutationObserver，但专门用于观察元素的大小（宽高）变化，而无需依赖 ...