vxe-table 自定义数字行主键,解决默认字符串主键与后端类型不匹配问题
vxe-table 自定义数字行主键,解决默认字符串主键与后端类型不匹配问题 在使用 vxe-table 表格组件时,组件默认自动生成的行主键为字符串类型,但后端接口通常要求主键为数值(number)类型,直接提交会因数据类型不匹配导致接口报错。 有两种最优解决方案,支持局部配置和全局统一配置,彻底 ...
backstage~openapi的接入与protobuf的对比
swagger外部文档 apiVersion: backstage.io/v1alpha1 kind: API metadata: name: petstore description: The Petstore API spec: type: openapi lifecycle: producti ...
uni.request 二次封装分享
写在开头 点赞 + 收藏 学会 基于uni.request api进行二次封装 核心功能 响应内容格式和请求参数格式类型定义 请求拦截器与响应拦截器配置 设置请求头和params参数处理 加载提示与自定义提示文本 错误统一处理 接口缓存 取消请求功能 失败自动重试机制 并发请 ...
前端 PDF 导出:从文件流下载到自动分页
写在开头 点赞 + 收藏 学会 在工作中,我们经常会遇到需要生成 PDF 的业务,比如合同、报告等。 前后端合作 对于前端来说,最省事的就是后端生成 PDF 文件,前端根据返回的 URL 地址进行下载。 URL 下载 如果后端直接返回一个可访问的 URL 地址,我们可以通过以 ...
前端实现带滚动区域的 DOM 长截图导出
写在开头 点赞 + 收藏 学会 日常开发中,导出带滚动条的DOM内容为图片时,普通截图只能抓可视区域?本文分享基于@snapdom的长截图方案,完美导出完整内容,还能精准复刻UI~ 一、业务痛点(为什么选snapdom?) 开发中经常遇到「导出带滚动区域的DOM为图片」的需求 ...
backstage~开始一个backstage应用
应该如何创建自己公司的backstage平台 1. 两种方式的本质区别 特性 npx @backstage/create-app 从 GitHub 下载源代码 产出物 一个完整的、可立即运行和开发的 Backstage 应用。 Backstage 项目框架本身的源代码,不是你应用的代码。 目的 创建 ...
JS-前端埋点神器 navigator.sendBeacon 全指南
写在开头 点赞 + 收藏 学会 前言 在前端开发中,埋点系统是必不可少的一环。我们经常需要在用户关闭页面、刷新或跳转路由时,向服务器发送最后一条统计数据(比如用户停留时长、页面跳出率)。 但这看似简单的需求,在实现时却危机四伏:请求发不出去?页面跳转卡顿?今天我们就来聊聊这个 ...
AI 驱动!一款开源可自部署的个人卡片式笔记工具!
blinko —— 一款开源、可自部署的个人 AI 卡片式笔记工具,不仅完美支持 Markdown, 而且集成了 AI 驱动的智能搜索,让你轻松管理碎片化思维,构建完全属于自己的私有知识库。 ...
Vue<前端页面版本检测>
写在开头 点赞 + 收藏 学会 为什么需要版本检测 1. 解决浏览器缓存问题 静态资源缓存:浏览器会缓存 JS、CSS 等静态资源,用户可能继续使用旧版本 用户体验影响:用户无法及时获取新功能,导致功能缺失或操作异常 2. 保障功能一致性 功能同步:确保所有用户都能使用最新的 ...
快速构建!一款兼具设计美学与高效开发的后台系统模版!
art-design-pro —— 一款基于 ElementPlus 设计,专注于用户体验和快速开发的开源后台管理解决方案,提供美观、实用的前端界面,帮助你轻松构建高质量的后台系统。 ...
为什么禁止我请求别的网站的接口?——跨域与CORS
写在开头 点赞 + 收藏 学会 你有没有遇到过这种情况:在自己的网页上想请求别人的API,结果浏览器直接报错:Access-Control-Allow-Origin' header is missing。为什么浏览器要阻止你?服务器不响应不就完了吗? 今天,用小区门禁的故事, ...
老板:能不能别手动复制路由了?我:写个脚本自动扫描
写在开头 点赞 + 收藏 学会 起因 周五快下班,老板过来看权限配置页面。 "这个每次都要手动输路径?" "对,现在是这样。"我打开给他看: 角色:运营专员 路由路径:[手动输入] /user/list 组件路径:[手动输入] @/views/user/List.vue "上 ...
vue3这些常见指令你封装了吗
写在开头 点赞 + 收藏 学会 vue3这些常见指令你封装了吗 指令搭建 vue3之中会有一些常见的指令操作,接下来我们就写一下,之前我们写了权限按钮,其实是类似的 指令的最主要文件如下,我们主要是主模块之中使用,其他的模块之中分割写好方法即可 指令主要文件 src\ut ...
React 技术深度探讨
聊React之前,先说个事实:它不是最年轻的框架,也不是概念最创新的那个。但它赢了。 赢在生态,赢在社区,赢在"一旦用顺了就很难换"的惯性。本文不吹不黑,客观聊聊React的核心逻辑、实际现状,以及值不值得继续押注。 一、核心概念:理解React的设计哲学 Virtual DOM:快是表象,稳才是本 ...
前端大屏适配方案:rem、vw/vh、scale 到底选哪个?
写在开头 点赞 + 收藏 学会 上周帮朋友救火一个数据大屏项目,甲方临时说要从 1920×1080 的投影换成 3840×1080 的超宽拼接屏。朋友用的是 transform: scale 方案,结果两边各留了一大片黑边,甲方当场黑脸。 这事儿让我决定把大屏适配这个"老生常 ...
跨全平台!一款免费开源的电子书阅读器!
Readest —— 一款免费开源的 EPUB 和 PDF 电子书阅读器,支持在 macOS、Windows、Linux、Android、iOS 和 Web 上享受高亮标注、笔记、分屏阅读等功能。 ...
uni-app使用瓦片实现离线地图的两种方案
写在开头 点赞 + 收藏 学会 最近接到一个安卓App的活儿,虽然功能上不算复杂,但因为原本没怎么做过安卓端,所以也是"摸着石头过河"。简单写一下踩过的坑和淌的水吧~ uni-app实现离线地图主要用 leafletjs 实现,但是因为在安卓端运行,存在渲染问题,所以还要用上 ...
为什么全国人民都能秒开同一个视频?
写在开头 点赞 + 收藏 学会 为什么你在北京打开一个视频,加载只要1秒?你的朋友在新疆,打开同一个视频,也是1秒?服务器难道全国各地都放了? 今天,用**"快递"**的故事,来讲讲CDN的原理。 没有CDN时,网络请求是怎么跑的? 你在北京,想从上海寄一箱苹果。 没有CDN ...
Vue 表格组件 vxe-table 灵活导出指定数据的 CSV 文件的用法
在实际业务开发中,表格数据导出是高频需求。大多数场景下,我们导出的是表格当前展示的数据,但有时业务需要导出特定的数据集(如:筛选后的结果、选中的数据、或后端返回的原始数据)。本文将基于 vxe-table 组件,介绍如何通过 exportData 方法实现指定数据导出,并提供多种实用场景的解决方案。 ...


