前端技术文章
-
- 使用 fetch 检测 URL 有效性时，若希望避免控制台出现 404 报错，可以通过以下方法实现：✅ 方法一：使用 try...catch 捕获错误虽然 fetch 不会因为 HTTP 状态码（如 404）而抛出错误，但它会在网络问题或请求失败时触发 reject。你可以通过 try...catch 来捕获这些错误，同时检查响应状态码来判断 URL 是否有效。async function che
- 本文讲解为何fetch触发的404错误无法被console.clear()消除，阐明浏览器网络错误日志的不可干预性，并提供真正有效的静默处理方案：使用fetch()配合手动状态判断+AbortController（可选）规避默认报错日志。
- 文章 · 前端 | 1个月前 | 159浏览 收藏
-
- WeakRef 与 FinalizationRegistry 实战应用指南
- WeakRef和FinalizationRegistry不控制对象生命周期，仅在对象被GC回收后提供弱感知与清理入口；真正决定生命周期的是强引用是否存在。
- 文章 · 前端 | 1个月前 | 470浏览 收藏
-
- HTML表格多选实现教程
- HTML表格每行加复选框应直接置于<td>内，用唯一name="row-select"、data-row-id标识业务主键，避免id重复和内联JS；全选逻辑需双向同步：监听行复选框change事件动态更新表头复选框的checked与indeterminate状态。
- 文章 · 前端 | 1个月前 | 111浏览 收藏
-
- Trusted Types API 强制防御 XSS 攻击详解
- TrustedTypes是需HTTP头、策略定义、调用改造三者协同的底层防御方案；必须通过CSP响应头启用强制模式，定义策略并改造所有DOM操作路径。
- 文章 · 前端 | 1个月前 | 233浏览 收藏
-
- HTML animation-delay延迟设置方法
- animation-delay用于控制动画开始时机，非暂停动画；多元素交错需复用同一@keyframes并为各元素单独设delay值，静态用:nth-child，动态创建时应“创建即配置”style.animationDelay，避免事后遍历。
- 文章 · 前端 | 1个月前 | 156浏览 收藏
-
- 严格模式限制及use strict作用详解
- 严格模式通过收紧语法和运行规则提升JavaScript安全性与可预测性，主要限制包括禁止隐式创建全局变量、删除变量/函数、重复命名、with语句、eval污染、this默认指向全局、八进制字面量及扩展冻结对象。
- 文章 · 前端 | 1个月前 | 171浏览 收藏
-
- HTML滚动返回顶部按钮开发详解
- window.scrollTo无反应常见原因是页面无垂直滚动；应缓存DOM查询、用opacity+pointer-events隐藏按钮；SVG图标需配aria-hidden和sr-only文本；scroll事件监听须按需设passive:false。
- 文章 · 前端 | 1个月前 | 479浏览 收藏
-
- 用户空闲检测：事件监听的不足与解决方法
- 仅监听鼠标、键盘、触摸和滚动等基础事件不足以准确判断用户是否空闲，因为静默行为（如阅读、视频观看）不会触发这些事件；推荐使用成熟库（如ng-idle）实现可配置、跨设备兼容的空闲检测。
- 文章 · 前端 | 1个月前 | 312浏览 收藏
-
- 浮动元素垂直底部对齐技巧
- float无法实现垂直底部对齐，因其仅支持left/right水平浮动；需用position:relative+bottom计算偏移，或更优解——改用Flexbox的align-items:flex-end。
- 文章 · 前端 | 1个月前 | 331浏览 收藏
-
- HTML抽屉对侧滑面板有要求吗？
- HTML抽屉组件不强制要求position:fixed，但可靠实现普遍采用它以确保脱离文档流、覆盖内容且滚动稳定；应避免absolute导致错位，优先用transform/opacity动画并动态管理will-change。
- 文章 · 前端 | 1个月前 | 446浏览 收藏