在实际业务开发中,表格数据导出是高频需求。大多数场景下,我们导出的是表格当前展示的数据,但有时业务需要导出特定的数据集(如:筛选后的结果、选中的数据、或后端返回的原始数据)。本文将基于 vxe-table 组件,介绍如何通过 exportData 方法实现指定数据导出,并提供多种实用场景的解决方案。 ...
Vue 甘特图组件 vxe-gantt 如何精准定位到行、列与任务视图 在项目管理系统中,甘特图是展示任务时间线的重要工具。当项目数据量庞大时,手动滚动查找特定任务或日期列会非常低效。vxe-gantt 组件提供了 scrollToRow、scrollToColumn 和 scrollToTaskV ...
写在开头 点赞 + 收藏 学会 0.1 + 0.2 为什么不等于 0.3?答不上来的都挂了 这个问题你可能在面试、线上 Bug、甚至随手写 Demo 的时候都见过: console.log(0.1 + 0.2 0.3); // false 很多人第一反应是“浮点数精度问题”, ...
super-productivity —— 一款高级待办事项应用,具备时间盒和时间跟踪功能,支持从日历、Jira、GitHub 等导入任务。 ...
前言 Vue3已经正式发布,成为前端开发的主流框架。结合Vite构建工具,开发体验大幅提升。本文从零搭建一个企业级Vue3项目,包含路由、状态管理、API封装、权限控制等核心模块。 一、环境准备 # Node.js >= 16 node -v # 创建项目 npm create vite@lates ...
写在开头 点赞 + 收藏 学会 场景 在单页面应用(SPA)项目中,有一个问题非常常见,但又经常被低估:系统明明已经发布了新版本,部分用户却依然停留在旧页面中继续操作。 大多数时候,这种状态并不会立刻出问题,所以团队往往不太在意。但一旦用户继续进行路由跳转、访问懒加载页面,或 ...
基于 vxe-gantt 实现任务条点击编辑表单 在项目管理中,甘特图是展示任务进度的核心组件。本文将介绍如何使用 vxe-gantt 组件实现点击任务条弹出编辑表单的功能,支持对任务的名称、时间、进度、负责人、图片附件等信息进行编辑。 效果 点击甘特图中的任意任务条,系统会弹出模态框,展示当前任务 ...
写在开头 点赞 + 收藏 学会 前端性能优化实战:ECharts地图渲染12万+数据动态动画方案 本文记录了在实际项目中,使用ECharts地图组件渲染12万+设备安装数据的性能优化实战经验,包含完整的技术方案和代码实现。 项目背景 公司需要将全年设备安装量通过旗帜的形式展示 ...
TypeWords —— 一款开源的单词与文章练习工具,使用按键输入的方式学习英语,通过更智能的记忆方式实现高效学习,界面简洁且功能丰富。 ...
通过 taskViewConfig.viewStyle.cellStyle 可以直接为甘特图日期轴上的每一个单元格设置内联样式,实现灵活的背景色、边框、字体等视觉效果。 配置说明 样式配置位于 taskViewConfig.viewStyle.cellStyle,它是一个函数,接收当前单元格对应的日 ...
通过 taskViewConfig.scales 参数,可以灵活配置甘特图日期轴的显示层级。本文将介绍如何将日期轴显示为“月 + 周”模式,以及如何自定义每周的起始日期。 核心配置示例 要显示“月 + 第几周”的双层日期轴,只需在 scales 数组中同时配置 'month' 和 'week' 即可 ...
写在开头 点赞 + 收藏 学会 方案1:BroadCast Channel(对讲机频道) ️ 方案2:Service Worker(隐形邮差) 方案3:LocalStorage(共享小本本) 方案4:Shared Worker(共享办公室) ️ ...
写在开头 点赞 + 收藏 学会 前言 在JavaScript学习中,this绝对是“让人又爱又恨”的存在——它看似简单,用起来却总让人摸不着头脑,一不小心就踩坑。有人说它是“动态代词”,有人说它是“隐式传递的对象引用”,其实只要摸清它的绑定规则,就能轻松驾驭!今天就结合具体代 ...
最近,有一个比较火的很有趣且灵动的登录页火了。 角色视觉跟随鼠标 输入框打字时扯脖子瞅 显示密码明文时避开视线 已经有大神(katavii)复刻了动画效果,并在github上开源了:https://github.com/katavii/animated-login ,基于React实现。 如果你的项 ...
写在开头 点赞 + 收藏 学会 别再只靠“禁用按钮”了!真正的防重提交,需要前后端协同。 在电商下单、用户注册、支付发起等关键场景中,用户连点多次“提交”按钮是再常见不过的行为。 轻则造成数据库写入多条重复记录,重则导致用户被扣款两次、库存超卖——这绝不是危言耸听。 那么,前 ...
claude-relay-service —— 一个用于自行搭建 Claude API 中转服务的开源项目,让 Claude、OpenAI、Gemini、Droid 订阅统一接入,支持拼车共享,原生工具无缝使用。 ...
写在开头 点赞 + 收藏 学会 HTML 早已不再是简单的“超文本标记”,它更像是一个连接底层硬件、浏览器内核与用户交互的系统级接口集合。 在现代 Web 架构中,很多原本依赖庞大 JS 库(如 jQuery, Axios, Socket.io)实现的功能,现在通过原生 HT ...
在使用 vxe-form 表单配置渲染时,日期范围选择器(VxeDateRangePicker)支持多种数据格式绑定,包括字符串类型、数组类型以及两个独立字段的方式。本文将详细介绍这三种用法的配置方法。 三种数据绑定方式 通过 itemRender.name='VxeDateRangePicker' ...
写在开头 点赞 + 收藏 学会 ”浏览器屏幕上看的好好的,为什么打印出来就变了?” 这句话几乎每个做过打印需求的前端开发者都说过。字体被替换、字号失控、图标变方框,这些问题看似玄学,背后却有清晰的技术原因。本文将从打印需求中常遇到的三个问题来解释其背后的原理和对应的解决方法。 ...
写在开头 点赞 + 收藏 学会 你是不是也遇到过这样的场景?面试官抛出一个闭包问题,你支支吾吾答不上来;团队代码review时,看到同事用的Promise链一脸懵逼;明明功能实现了,性能却总是差那么一点... 别慌!今天我整理了12个JavaScript核心概念,这些都是20 ...