写在开头 点赞 + 收藏 学会 前言 开发过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,但专门用于观察元素的大小(宽高)变化,而无需依赖 ...
vue 如何实现 vxe-table 的按键操作回车键的上下移动修改为 Tab 键的左右切换,支持将回车键替换Tab键的功能操作 https://vxetable.cn 通过设置 keyboard-config.enterToTab 将回车键上下切换行为修改为 Tab 键左右切换行为,还可以通过 k ...
vue 甘特图 vxe-gantt 如何实现标记删除数据,显示标记删除后行效果,获取已标记的行数据 https://gantt.vxeui.com 标记为待删除状态,通过调用 setPendingRow 方法标记为待删除状态,由内部 CRUD 管理器自动记录操作行为,可以通过 getPendingR ...
vxe-table 如何实现对单元格数据校验不通过的单元格显示背景颜色,通过设置 valid-config.theme='beautify' 设置为高亮样式,调用 fullValidate 方法可以同时显示多个错误提示。 https://vxetable.cn 通过设置 valid-config.s ...
vxe-table 如何实现分页勾选复选框功能,分页后还能支持多选的选中状态,要实现这个功能,有多种方式 https://vxetable.cn 可以使用一个变量来记录已选的数据,在分页时重新赋值选中状态。 使用内置的选中状态记忆保留功能,可以直接使用,无需再额外写代码 分页多选保留状态 当使用数据 ...
vxe-table 修改表格样式,修改边字体、框、背景色等样式的用法,支持 css 变量和 scss 主题变量,可以非常方便的对样式进行全局修改和局部修改。 https://vxetable.cn 修改字体大小 css 变量 如下: --vxe-ui-font-size-default: 18px; ...
vue 甘特图 vxe-gantt table 可视化依赖线的使用,可视化拖拽创建连接线的用法 支持拖拽两个任务之间创建连接线、支持双击线删除 https://gantt.vxeui.com/ 类型说明 0 FinishToStart 结束后才开始,表示一个任务必须在另一个任务开始之前完成 1 St ...
写在开头 点赞 + 收藏 学会 我们知道,Next.js 最核心的特性便是 支持静态生成(SSG)和服务端渲染(SSG),这也就意味着我们可以以部署 Node 服务的方式,将其部署在服务器上,用请求后端接口类似的形式来请求页面文件。换句话说,我们其实可以直接把 Next.js ...
写在开头 点赞 + 收藏 学会 Codex 是OpenAI 推出的一系列人工智能编码工具,通过将任务委托给强大的云端和本地编码代理,帮助开发人员提升工作效率。支持原生终端、vscode插件、cursor插件等场景使用。 官网网站 openai.com/codex/ 系统要求 ...
vue 表格 vxe-table 开启筛选、excel 筛选框列表样式,通过设置列的 filterRender.name = 'FilterAggregation'启用组合筛选功能 https://vxetable.cn <template> <div> <vxe-grid v-bind="grid ...