前端技术文章
-
- 前端 Worker terminate 后未完成消息怎么处理
- Worker.terminate() 会立即停止 Worker，未完成计算和未发出的消息不会自动补发。本文用请求编号、确认消息和协作取消协议处理销毁边界，并说明 structured clone 与 transfer list 的对象所有权差异。
- 文章 · 前端 | 1个月前 | 199浏览 收藏
-
- BroadcastChannel 标签页关闭后为何收不到消息
- BroadcastChannel 关闭标签页后收不到消息，通常不是浏览器漏发，而是旧实例已离开通道且 API 不保存历史。本文用生命周期封装、主动同步和状态快照给出可落地的处理方式。
- 文章 · 前端 | 1个月前 | 199浏览 收藏
-
- JavaScript Temporal.PlainDate 怎么处理生日和日期区间：时区无关、比较与序列化
- 用 Temporal.PlainDate 处理生日、账期和只关心日历日期的业务值，避开 Date 的时区偏移，覆盖 from、compare、until、toString 与旧浏览器降级边界。
- 文章 · 前端 | 1个月前 | 前端 · javascript · JavaScript 时区 日期区间 Temporal.PlainDate 生日日期 198浏览 收藏
-
- TypeScript面试：接口数据为什么别急着写成any？
- TypeScript 面试：接口数据为什么别急着写成 any？有人被问到 any 和 unknown 的区别，会先讲「一个更安全」。这句话没错，但太像背定义了。更直观的说法，不妨直接看一段接口代码：服务端昨天把 name 改成了 displayName，但前端并没有收到通知。结果到了页面渲染时，代码
- 文章 · 前端 | 1个月前 | 其他 196浏览 收藏
-
- IntersectionObserver 如何避免列表滚动监听抖动：rootMargin、阈值与卸载
- 用一个可复现的无限列表场景，拆解 IntersectionObserver 的 rootMargin、threshold、unobserve 与 disconnect，避免滚动监听重复触发和组件卸载后的残留回调。
- 文章 · 前端 | 1个月前 | javascript · 浏览器API · IntersectionObserver 前端性能 rootMargin threshold 196浏览 收藏
-
- Vite 环境变量前缀不生效时如何区分模式
- 从 envPrefix、envDir、--mode、MODE 与 NODE_ENV 的区别入手，定位 Vite 环境变量不生效、读到旧值或误用生产配置的原因，并给出安全验证清单。
- 文章 · 前端 | 4星期前 | 196浏览 收藏
-
- View Transition types 怎么为不同导航选择动画
- View Transition types 用字符串区分前进、后退和其他导航，再由 :active-view-transition-type() 选择动画。本文分别说明 SPA、跨文档导航、动态类型和兼容性边界。
- 文章 · 前端 | 1星期前 | 前端 · View Transition API startViewTransition ViewTransitionTypeSet pageswap pagereveal 195浏览 收藏
-
- 如何使用 JavaScript 动态添加 HTML 元素
- 本文详解如何通过原生 Ja vaScript 安全、高效地动态创建并插入 HTML 元素，涵盖 innerHTML 的正确用法、事件委托实践、DOM 插入时机控制及常见陷阱规避。 本文详解如何通过原生 Ja vaScript 安全、高效地动态创建并插入 HTML 元素，涵盖 `innerHTML`
- 文章 · 前端 | 1个月前 | JavaScript 191浏览 收藏
-
- XState父状态机怎样向子actor发送事件
- XState 父状态机向子 actor 发事件时，关键是区分 actor logic、invoke id 和 actor ref。本文用 XState v5 示例说明 sendTo 的固定 ID 写法、spawn 动态引用和事件未处理时的三层排查方法。
- 文章 · 前端 | 12小时前 | 191浏览 收藏
-
- 前端表单提交如何防止重复点击：HTML formdata 事件、按钮状态与失败恢复
- 用户连续点击提交按钮，常见结果是重复请求、重复订单或失败后无法恢复。本文从 HTML formdata 事件切入，拆开提交锁、请求取消、失败恢复和键盘回车的边界，给出可核对的前端实现。
- 文章 · 前端 | 1个月前 | html · 前端 · javascript · 表单 · 交互体验 · html 表单提交 前端交互 AbortController FormData 重复点击 190浏览 收藏
-
- 前端表单撤销为什么回不去：beforeinput、composition 与 undo 栈边界
- 从输入事件顺序、中文输入法组合态和浏览器 undo 栈三个角度，排查表单撤销失效，并给出可验收的实现边界。
- 文章 · 前端 | 1个月前 | 186浏览 收藏
-
- URLPattern 怎么做前端路由匹配：命名参数、URL 校验与兼容降级
- 用 URLPattern 把前端路由规则、命名参数和 URL 校验放在同一处，并为暂不支持该 API 的浏览器准备可靠降级。
- 文章 · 前端 | 1个月前 | javascript · 前端开发 · 浏览器API · 命名参数 前端路由 URLPattern URL校验 185浏览 收藏
-
- ResizeObserver 循环怎么配置或排查
- ResizeObserver 循环通常来自回调读到元素尺寸后又写回影响布局的样式。本文用最小示例说明如何定位反馈环，并通过 requestAnimationFrame、期望值守卫和拆分观察目标让布局稳定收敛。
- 文章 · 前端 | 1个月前 | 前端 · javascript · 185浏览 收藏
-
- Navigation API 如何统一拦截 SPA 路由：从 History API 迁移的最小方案
- Navigation API 已在 2026 年进入 Baseline。本文用最小路由示例讲清 navigate 统一拦截、同源边界、加载失败与 History API 渐进回退。
- 文章 · 前端 | 1个月前 | 前端路由 SPA路由 Navigation API History API navigate事件 183浏览 收藏
查看更多
课程推荐
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。
- 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。
- 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让
- 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。
- 485次学习
-
- Golang深入理解GPM模型
- Golang深入理解GPM调度器模型及全场景分析，希望您看完这套视频有所收获；包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
- 474次学习
查看更多
AI推荐
-
- PubMedQA
- 深入了解PubMedQA生物医学问答数据集，涵盖其核心功能、使用方法及在临床决策、药物研发等场景的应用，助力提升NLP模型性能。
- 466次使用
-
- H2O EvalGPT
- H2O EvalGPT是H2O.ai推出的开源LLM评估平台，提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能，助您快速选择最适合项目的高性能大语言模型。
- 528次使用
-
- LMArena
- LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制，用户可对比不同大模型回答并生成实时排行榜，助力开发者优化模型及用户选择最佳AI工具。
- 546次使用
-
- HELM
- 深入了解斯坦福推出的HELM（Holistic Evaluation of Language Models）大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景，涵盖准确性、公平性、鲁棒性等多维度指标，助力开发者全面优化语言模型性能。
- 497次使用
-
- MMBench
- MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台，提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景，助力开发者全面评估多模态模型性能。
- 316次使用
