刷新
前端 PDF 导出:从文件流下载到自动分页

博主头像 ‍ 写在开头 点赞 + 收藏 学会 在工作中,我们经常会遇到需要生成 PDF 的业务,比如合同、报告等。 前后端合作 对于前端来说,最省事的就是后端生成 PDF 文件,前端根据返回的 URL 地址进行下载。 URL 下载 如果后端直接返回一个可访问的 URL 地址,我们可以通过以 ...

Vue<前端页面版本检测>

博主头像 ‍ 写在开头 点赞 + 收藏 学会 为什么需要版本检测 1. 解决浏览器缓存问题 静态资源缓存:浏览器会缓存 JS、CSS 等静态资源,用户可能继续使用旧版本 用户体验影响:用户无法及时获取新功能,导致功能缺失或操作异常 2. 保障功能一致性 功能同步:确保所有用户都能使用最新的 ...

vue3这些常见指令你封装了吗

博主头像 ‍ 写在开头 点赞 + 收藏 学会 vue3这些常见指令你封装了吗 指令搭建 vue3之中会有一些常见的指令操作,接下来我们就写一下,之前我们写了权限按钮,其实是类似的 指令的最主要文件如下,我们主要是主模块之中使用,其他的模块之中分割写好方法即可 指令主要文件 src\ut ...

uni-app使用瓦片实现离线地图的两种方案

博主头像 ‍ 写在开头 点赞 + 收藏 学会 最近接到一个安卓App的活儿,虽然功能上不算复杂,但因为原本没怎么做过安卓端,所以也是"摸着石头过河"。简单写一下踩过的坑和淌的水吧~ uni-app实现离线地图主要用 leafletjs 实现,但是因为在安卓端运行,存在渲染问题,所以还要用上 ...

Vue 表格组件 vxe-table 灵活导出指定数据的 CSV 文件的用法

在实际业务开发中,表格数据导出是高频需求。大多数场景下,我们导出的是表格当前展示的数据,但有时业务需要导出特定的数据集(如:筛选后的结果、选中的数据、或后端返回的原始数据)。本文将基于 vxe-table 组件,介绍如何通过 exportData 方法实现指定数据导出,并提供多种实用场景的解决方案。 ...

Vue3 + Vite项目实战:从零搭建企业级前端架构

博主头像 前言 Vue3已经正式发布,成为前端开发的主流框架。结合Vite构建工具,开发体验大幅提升。本文从零搭建一个企业级Vue3项目,包含路由、状态管理、API封装、权限控制等核心模块。 一、环境准备 # Node.js >= 16 node -v # 创建项目 npm create vite@lates ...

前端发版后页面白屏?一套解决用户停留旧页面问题的完整方案

博主头像 ‍ 写在开头 点赞 + 收藏 学会 场景 在单页面应用(SPA)项目中,有一个问题非常常见,但又经常被低估:系统明明已经发布了新版本,部分用户却依然停留在旧页面中继续操作。 大多数时候,这种状态并不会立刻出问题,所以团队往往不太在意。但一旦用户继续进行路由跳转、访问懒加载页面,或 ...

vue甘特图vxe-gantt实现点击任务条弹出编辑表单

基于 vxe-gantt 实现任务条点击编辑表单 在项目管理中,甘特图是展示任务进度的核心组件。本文将介绍如何使用 vxe-gantt 组件实现点击任务条弹出编辑表单的功能,支持对任务的名称、时间、进度、负责人、图片附件等信息进行编辑。 效果 点击甘特图中的任意任务条,系统会弹出模态框,展示当前任务 ...

关于地图渲染加20w数据展示和地图动画怎么做

博主头像 ‍ 写在开头 点赞 + 收藏 学会 前端性能优化实战:ECharts地图渲染12万+数据动态动画方案 本文记录了在实际项目中,使用ECharts地图组件渲染12万+设备安装数据的性能优化实战经验,包含完整的技术方案和代码实现。 项目背景 公司需要将全年设备安装量通过旗帜的形式展示 ...

vue甘特图vxe-gantt如何设置日期轴显示为周模式

通过 taskViewConfig.scales 参数,可以灵活配置甘特图日期轴的显示层级。本文将介绍如何将日期轴显示为“月 + 周”模式,以及如何自定义每周的起始日期。 核心配置示例 要显示“月 + 第几周”的双层日期轴,只需在 scales 数组中同时配置 'month' 和 'week' 即可 ...

有趣味的登录页它踏着七彩祥云来了

博主头像 最近,有一个比较火的很有趣且灵动的登录页火了。 角色视觉跟随鼠标 输入框打字时扯脖子瞅 显示密码明文时避开视线 已经有大神(katavii)复刻了动画效果,并在github上开源了:https://github.com/katavii/animated-login ,基于React实现。 如果你的项 ...

vue表单vxe-from配置渲染日期范围选择器的用法

在使用 vxe-form 表单配置渲染时,日期范围选择器(VxeDateRangePicker)支持多种数据格式绑定,包括字符串类型、数组类型以及两个独立字段的方式。本文将详细介绍这三种用法的配置方法。 三种数据绑定方式 通过 itemRender.name='VxeDateRangePicker' ...

字体与打印:前端开发最常见的三个“为什么”

博主头像 ‍ 写在开头 点赞 + 收藏 学会 ”浏览器屏幕上看的好好的,为什么打印出来就变了?” 这句话几乎每个做过打印需求的前端开发者都说过。字体被替换、字号失控、图标变方框,这些问题看似玄学,背后却有清晰的技术原因。本文将从打印需求中常遇到的三个问题来解释其背后的原理和对应的解决方法。 ...

手把手教你实现前端邮件预览功能

博主头像 ‍ 写在开头 点赞 + 收藏 学会 你是否曾经想过,在浏览器中直接点击一个邮件附件,就能预览完整的邮件内容——包括发件人、收件人、抄送、正文甚至内嵌图片? 今天,我们要揭秘一个基于 Vue 3 和 Vant UI 的邮件预览上传组件,它不仅能上传 .eml 格式的邮件文件,还能在 ...

vue表格vxe-table实现表头合并,分组表头自定义合并

在开发后台管理系统时,经常会遇到需要展示复杂表格的场景,其中表头合并(多级表头、不规则合并)是一项常见需求。vxe-table 是一款功能强大的 Vue 表格组件,它不仅支持树形分组表头,还提供了自定义列头合并的功能,允许开发者灵活地将任意单元格进行合并,满足各种复杂的表头设计。 形分组表头 vs ...

<1234···13>