前端技术文章
-
- 禁用网页右键菜单与复制粘贴功能（输入框除外）
- 本文介绍如何通过原生 Ja vaScript 全局禁用右键菜单、文本选择、剪切复制及拖拽操作，同时保留所有 和 等可编辑元素的默认交互行为，兼顾内容防护与基础可用性。 本文介绍如何通过原生 Ja vaScript 全局禁用右键菜单、文本选择、剪切复制及拖拽操作，同时保留所有 `` 和 `` 等可编辑
- 文章 · 前端 | 3星期前 | 其他 410浏览 收藏
-
- 前端 Service Worker 的 skipWaiting 和 clientsClaim 怎么安排版本切换
- Service Worker 更新时，skipWaiting 负责跳过 waiting，clientsClaim 负责让 active worker 接管已有页面；两者一起使用前，要先确认旧页面引用的资源仍与新 fetch 逻辑兼容。本文给出默认等待、用户确认和即时接管三种版本切换安排。
- 文章 · 前端 | 1星期前 | 前端 · Service Worker skipWaiting clientsClaim 缓存版本 前端缓存更新 410浏览 收藏
-
- Cache API用 match 选项控制查询参数是否参与缓存键的实现方法
- 讲清 Cache API 的 match 方法如何用 ignoreSearch 控制查询参数是否参与缓存匹配，给出静态资源示例、参数边界、响应差异与缓存清理策略。
- 文章 · 前端 | 1天前 | 前端 · Service Worker Cache API Cache.match ignoreSearch 前端缓存 409浏览 收藏
-
- AbortSignal.any怎么配置或排查
- 用 AbortSignal.any 合并用户取消与请求超时，掌握特性检测、fetch 接入、reason 判断和监听器清理，快速排查请求一创建就中止或超时原因丢失的问题。
- 文章 · 前端 | 4天前 | 前端 · javascript · Fetch AbortSignal AbortSignal.any 408浏览 收藏
-
- 前端批量更新表单时如何用 requestAnimationFrame 合并 DOM 写入：布局抖动的定位与修复
- 通过一个批量更新表单行的例子，拆解强制同步布局为何发生，以及如何把尺寸读取与 DOM 写入分开，再用 requestAnimationFrame 合并一帧内的更新。
- 文章 · 前端 | 2星期前 | 前端 · 性能优化 · javascript · requestAnimationFrame 布局抖动 DOM批量更新 406浏览 收藏
-
- CSS scrollbar-gutter 怎么避免弹窗打开页面抖动：stable、both-edges 与降级验收
- 弹窗打开后页面内容突然横向移动，通常不是 modal 宽度算错，而是经典滚动条出现时挤占了视口。本文用 CSS scrollbar-gutter 的 stable 与 both-edges 处理滚动条预留，并给出 overlay 滚动条和旧浏览器的验收方法。
- 文章 · 前端 | 3星期前 | 404浏览 收藏
-
- CSS scroll snap 怎么做横向卡片滑动：scroll-snap-stop、触摸手势与键盘验收
- 横向卡片滑动不应只停在 scroll-snap-type：用 scroll-snap-align、scroll-padding 和 scroll-snap-stop 组合出可控的触摸体验，再用键盘焦点、窄屏和快速甩动验收边界。
- 文章 · 前端 | 3星期前 | 前端 · css · 可访问性 · scroll-snap-type 触摸滑动 CSS scroll snap scroll-snap-stop 横向卡片 404浏览 收藏
-
- Web Components 的 customElements.whenDefined 怎么处理组件先渲染后注册：升级时机与失败分支
- 页面先出现自定义元素、组件脚本随后加载时，customElements.whenDefined() 可以把初始化放到注册完成之后。本文用一个延迟注册的组件拆开升级时机、重复注册和加载失败边界。
- 文章 · 前端 | 2星期前 | html · javascript · Web Components customElements.whenDefined CustomElementRegistry 404浏览 收藏
-
- API企业级服务平台选型白皮书：星链4SAPICOM荣列第一梯队
- 随着人工智能技术不断走深走实，企业级API服务平台已经不只是“技术工具”，而是企业搭建智能化业务系统时绕不开的核心基础设施。近日，由权威机构[具体机构名称]联合行业专家发布的《2026年企业级API服务平台选型评估报告》指出，星链科技旗下4SAPICOM平台凭借过硬的技术实力、稳定的运行表现以及完善
- 文章 · 前端 | 4星期前 | 企业级服务 403浏览 收藏
-
- CSS scroll snap让横向卡片滚动停在卡片边界的实现方法
- 本文用一段最小 CSS 配方让横向卡片在滚动结束后停在卡片边界，说明 scroll-snap-type、scroll-snap-align、gap、scroll-padding 与快速滑动边界。
- 文章 · 前端 | 1天前 | scroll-snap-type scroll-snap-align CSS scroll snap 横向卡片滚动 前端卡片边界对齐 403浏览 收藏
-
- TypeScript 交叉类型
- 交叉类型（Intersection Types）的作用，说白了就是把多个类型“叠加”到一起，组合成一个全新的类型，而这个新类型会同时具备所有成员类型中的内容。 这类似于面向对象中的多重继承，让一个类型可以拥有多个类型的特性。 交叉类型工作原理 类型 A (Person) name: string a
- 文章 · 前端 | 3星期前 | 交叉类型 400浏览 收藏
-
- CSS container query 为什么在子组件中不生效
- CSS container query 在子组件中不生效，通常是父级没有建立 container-type，或嵌套时查询到了错误的祖先容器。本文用可复用卡片示例拆解 inline-size、container-name、作用域和兼容降级的排查顺序。
- 文章 · 前端 | 4天前 | 400浏览 收藏
-
- HTML inert 如何锁住模态框背后的页面：焦点隔离、点击拦截与无障碍验收
- 用 HTML inert 配合 dialog 和 HTMLElement.inert 锁住模态框背后的页面，解释焦点、点击与无障碍树的真实变化，并给出可验收的回退写法。
- 文章 · 前端 | 2星期前 | html · javascript · html 模态框 无障碍 inert 398浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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模型性能。
- 79次使用
-
- H2O EvalGPT
- H2O EvalGPT是H2O.ai推出的开源LLM评估平台，提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能，助您快速选择最适合项目的高性能大语言模型。
- 161次使用
-
- LMArena
- LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制，用户可对比不同大模型回答并生成实时排行榜，助力开发者优化模型及用户选择最佳AI工具。
- 104次使用
-
- HELM
- 深入了解斯坦福推出的HELM（Holistic Evaluation of Language Models）大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景，涵盖准确性、公平性、鲁棒性等多维度指标，助力开发者全面优化语言模型性能。
- 78次使用
-
- CMMLU
- 深入了解CMMLU中文评估基准，涵盖67个学科主题，提供数据集下载、Zero-shot/Five-shot评估方法及排行榜，助力优化中文语言模型性能。
- 56次使用
