写在开头 点赞 + 收藏 学会 在工作中,我们经常会遇到需要生成 PDF 的业务,比如合同、报告等。 前后端合作 对于前端来说,最省事的就是后端生成 PDF 文件,前端根据返回的 URL 地址进行下载。 URL 下载 如果后端直接返回一个可访问的 URL 地址,我们可以通过以 ...
写在开头 点赞 + 收藏 学会 为什么需要版本检测 1. 解决浏览器缓存问题 静态资源缓存:浏览器会缓存 JS、CSS 等静态资源,用户可能继续使用旧版本 用户体验影响:用户无法及时获取新功能,导致功能缺失或操作异常 2. 保障功能一致性 功能同步:确保所有用户都能使用最新的 ...
art-design-pro —— 一款基于 ElementPlus 设计,专注于用户体验和快速开发的开源后台管理解决方案,提供美观、实用的前端界面,帮助你轻松构建高质量的后台系统。 ...
写在开头 点赞 + 收藏 学会 起因 周五快下班,老板过来看权限配置页面。 "这个每次都要手动输路径?" "对,现在是这样。"我打开给他看: 角色:运营专员 路由路径:[手动输入] /user/list 组件路径:[手动输入] @/views/user/List.vue "上 ...
写在开头 点赞 + 收藏 学会 vue3这些常见指令你封装了吗 指令搭建 vue3之中会有一些常见的指令操作,接下来我们就写一下,之前我们写了权限按钮,其实是类似的 指令的最主要文件如下,我们主要是主模块之中使用,其他的模块之中分割写好方法即可 指令主要文件 src\ut ...
写在开头 点赞 + 收藏 学会 最近接到一个安卓App的活儿,虽然功能上不算复杂,但因为原本没怎么做过安卓端,所以也是"摸着石头过河"。简单写一下踩过的坑和淌的水吧~ uni-app实现离线地图主要用 leafletjs 实现,但是因为在安卓端运行,存在渲染问题,所以还要用上 ...
在实际业务开发中,表格数据导出是高频需求。大多数场景下,我们导出的是表格当前展示的数据,但有时业务需要导出特定的数据集(如:筛选后的结果、选中的数据、或后端返回的原始数据)。本文将基于 vxe-table 组件,介绍如何通过 exportData 方法实现指定数据导出,并提供多种实用场景的解决方案。 ...
Vue 甘特图组件 vxe-gantt 如何精准定位到行、列与任务视图 在项目管理系统中,甘特图是展示任务时间线的重要工具。当项目数据量庞大时,手动滚动查找特定任务或日期列会非常低效。vxe-gantt 组件提供了 scrollToRow、scrollToColumn 和 scrollToTaskV ...
前言 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' 即可 ...
最近,有一个比较火的很有趣且灵动的登录页火了。 角色视觉跟随鼠标 输入框打字时扯脖子瞅 显示密码明文时避开视线 已经有大神(katavii)复刻了动画效果,并在github上开源了:https://github.com/katavii/animated-login ,基于React实现。 如果你的项 ...
在使用 vxe-form 表单配置渲染时,日期范围选择器(VxeDateRangePicker)支持多种数据格式绑定,包括字符串类型、数组类型以及两个独立字段的方式。本文将详细介绍这三种用法的配置方法。 三种数据绑定方式 通过 itemRender.name='VxeDateRangePicker' ...
写在开头 点赞 + 收藏 学会 ”浏览器屏幕上看的好好的,为什么打印出来就变了?” 这句话几乎每个做过打印需求的前端开发者都说过。字体被替换、字号失控、图标变方框,这些问题看似玄学,背后却有清晰的技术原因。本文将从打印需求中常遇到的三个问题来解释其背后的原理和对应的解决方法。 ...
写在开头 点赞 + 收藏 学会 你是否曾经想过,在浏览器中直接点击一个邮件附件,就能预览完整的邮件内容——包括发件人、收件人、抄送、正文甚至内嵌图片? 今天,我们要揭秘一个基于 Vue 3 和 Vant UI 的邮件预览上传组件,它不仅能上传 .eml 格式的邮件文件,还能在 ...
在开发后台管理系统时,经常会遇到需要展示复杂表格的场景,其中表头合并(多级表头、不规则合并)是一项常见需求。vxe-table 是一款功能强大的 Vue 表格组件,它不仅支持树形分组表头,还提供了自定义列头合并的功能,允许开发者灵活地将任意单元格进行合并,满足各种复杂的表头设计。 形分组表头 vs ...