微信H5 页面定位权限处理
写在开头 点赞 + 收藏 学会 适用场景：微信浏览器打开的 H5 页面，使用 common-bridge 调用定位。 现象： h5 通过微信打开，无论是ios还是安卓首次会弹出定位功能的授权，若用户选择不授权，定位授权的弹窗就后续没办法再弹出。 看了官方社区目前也没有给出解决 ...
用 Intersection Observer 打造丝滑的级联滚动动画
写在开头 点赞 + 收藏 学会 无需任何动画库，仅用原生 Web API 实现滚动时丝滑的淡入滑入效果，兼顾性能与体验。 你是否见过这样的交互动效： 用户滚动页面时，一组卡片像被“唤醒”一样，依次从下方滑入并淡入； 如果这些元素在页面加载时已在视口内，它们也会自动按顺序浮现。 ...
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 实现，但是因为在安卓端运行，存在渲染问题，所以还要用上 ...
