javascript
已收录文章:11篇
-
文章 · 前端 | 2星期前 | 前端 · javascript · 缓存治理 · localStorage · Web性能 · 前端 本地缓存 localStorage 过期时间 版本迁移 异常兜底本文用搜索筛选条件缓存场景,演示 localStorage 如何封装过期时间、版本号、迁移逻辑和异常兜底,避免旧缓存影响页面状态。480 收藏
-
列表页滚动到中间,点进详情再返回却回到顶部,这是很多前端项目都会遇到的体验问题。本文从复现现象开始,逐步验证浏览器默认恢复、组件重建和列表数据时机,最后用位置记录和渲染完成后恢复来解决。458 收藏
-
文章 · 前端 | 6小时前 | 前端 · javascript · AbortController · 表单提交 · AbortController 旧响应覆盖 前端重复提交 loading锁 fetch取消 按钮防抖用一个可复制的前端配方解决按钮重复提交:解释连续点击为什么会造成旧响应覆盖新状态,并用 loading 锁、AbortController、最新序号和 finally 恢复按钮状态。442 收藏
-
用一个 10 万条数据的列表场景讲清楚前端虚拟列表的核心思路:不一次性渲染全部 DOM,而是根据 scrollTop 计算可视窗口,只保留屏幕附近的行。352 收藏
-
弹窗被导航、地图、页脚或抽屉遮住时,单纯调大 z-index 往往治标不治本。本文按完整工作流拆解层级现场、stacking context 定位、层级表设计、Portal 容器落地和回归验证。350 收藏
-
文章 · 前端 | 2星期前 | 前端 · javascript · URL参数 · 列表筛选 · 页面状态 · 前端 筛选条件 列表页 history.replaceState URLSearchParams 刷新还原列表页筛选后刷新又回到默认结果,通常不是接口错了,而是筛选状态只存在内存里。本文从复现现象开始,逐步验证状态来源、URL 参数和刷新还原流程,整理一套稳定写法。348 收藏
-
文章 · 前端 | 2星期前 | 前端 · javascript · sourcemap · 错误监控 · 线上排查 · 前端 错误监控 告警 onerror sourcemap unhandledrejection本文用一个轻量前端错误监控方案,演示如何捕获运行时报错和 Promise 未处理拒绝,整理上报字段,并用 sourcemap 还原源码位置形成告警闭环。331 收藏
-
科技周边 · 业界新闻 | 2星期前 | Node.js · javascript · 安全版本 · 运行时 · 升级排查 · 业界新闻 Node.js安全版本 Node.js 26.3.0 运行时升级 JavaScript安全Node.js 官方预告 2026-06-17 前后将为 26.x、24.x、22.x 发布安全版本。本文用问题排查的方式,带你从公告确认、版本线判断、回归测试到灰度发布,整理一套不慌不乱的升级检查流程。308 收藏
-
本文从用户连续点击提交按钮的真实场景出发,讲解前端如何用请求锁、按钮禁用、幂等请求头和失败回滚来减少重复订单、重复保存和重复消息。273 收藏
-
文章 · 前端 | 2星期前 | 前端 · 性能优化 · javascript · 图片优化 · IntersectionObserver · 前端 性能优化 图片懒加载 IntersectionObserver Web性能 首屏优化本文用商品列表图片场景,演示图片为什么会拖慢首屏,并用 IntersectionObserver 实现占位、进入视口、替换地址和加载完成的懒加载流程。184 收藏
-
通过搜索框实时请求场景,演示如何用 AbortController 取消过期 fetch 请求,避免旧接口结果覆盖新输入结果,并给出 React/Vue 通用封装思路。178 收藏