刷新
微信H5 页面定位权限处理

博主头像 ‍ 写在开头 点赞 + 收藏 学会 适用场景:微信浏览器打开的 H5 页面,使用 common-bridge 调用定位。 现象: h5 通过微信打开,无论是ios还是安卓首次会弹出定位功能的授权,若用户选择不授权,定位授权的弹窗就后续没办法再弹出。 看了官方社区目前也没有给出解决 ...

用 Intersection Observer 打造丝滑的级联滚动动画

博主头像 ‍ 写在开头 点赞 + 收藏 学会 无需任何动画库,仅用原生 Web API 实现滚动时丝滑的淡入滑入效果,兼顾性能与体验。 你是否见过这样的交互动效: 用户滚动页面时,一组卡片像被“唤醒”一样,依次从下方滑入并淡入; 如果这些元素在页面加载时已在视口内,它们也会自动按顺序浮现。 ...

vxe-table 自定义数字行主键,解决默认字符串主键与后端类型不匹配问题

vxe-table 自定义数字行主键,解决默认字符串主键与后端类型不匹配问题 在使用 vxe-table 表格组件时,组件默认自动生成的行主键为字符串类型,但后端接口通常要求主键为数值(number)类型,直接提交会因数据类型不匹配导致接口报错。 有两种最优解决方案,支持局部配置和全局统一配置,彻底 ...

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 全指南

博主头像 ‍ 写在开头 点赞 + 收藏 学会 前言 在前端开发中,埋点系统是必不可少的一环。我们经常需要在用户关闭页面、刷新或跳转路由时,向服务器发送最后一条统计数据(比如用户停留时长、页面跳出率)。 但这看似简单的需求,在实现时却危机四伏:请求发不出去?页面跳转卡顿?今天我们就来聊聊这个 ...

Vue<前端页面版本检测>

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

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

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

React 技术深度探讨

博主头像 聊React之前,先说个事实:它不是最年轻的框架,也不是概念最创新的那个。但它赢了。 赢在生态,赢在社区,赢在"一旦用顺了就很难换"的惯性。本文不吹不黑,客观聊聊React的核心逻辑、实际现状,以及值不值得继续押注。 一、核心概念:理解React的设计哲学 Virtual DOM:快是表象,稳才是本 ...

前端大屏适配方案:rem、vw/vh、scale 到底选哪个?

博主头像 ‍ 写在开头 点赞 + 收藏 学会 上周帮朋友救火一个数据大屏项目,甲方临时说要从 1920×1080 的投影换成 3840×1080 的超宽拼接屏。朋友用的是 transform: scale 方案,结果两边各留了一大片黑边,甲方当场黑脸。 这事儿让我决定把大屏适配这个"老生常 ...

前端实现进度条

博主头像 ‍ 写在开头 点赞 + 收藏 学会 后端处理数据处理逻辑特别多的时候,并不会很及时返回数据,一般情况后端给前端返回进度,这个目前是前端自己返回进度到90,等到接口返回完成再到100% 1、设置全局样式 <div class="loading-overlay" v-show="Pa ...

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

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

123···50>