前端技术文章
-
- 禁用网页右键菜单与复制粘贴功能（输入框除外）
- 本文介绍如何通过原生 Ja vaScript 全局禁用右键菜单、文本选择、剪切复制及拖拽操作，同时保留所有 和 等可编辑元素的默认交互行为，兼顾内容防护与基础可用性。 本文介绍如何通过原生 Ja vaScript 全局禁用右键菜单、文本选择、剪切复制及拖拽操作，同时保留所有 `` 和 `` 等可编辑
- 文章 · 前端 | 2星期前 | 其他 410浏览 收藏
-
- CSS color-mix() 做主题色派生：从 design token 到对比度验收
- 用 CSS color-mix() 从一个品牌色派生悬停、浅底和边框颜色，并用对比度阈值验收，兼顾现代浏览器与旧环境降级。
- 文章 · 前端 | 2星期前 | css · 前端开发 · 无障碍设计 · CSS 无障碍 color-mix design token 406浏览 收藏
-
- 前端批量更新表单时如何用 requestAnimationFrame 合并 DOM 写入：布局抖动的定位与修复
- 通过一个批量更新表单行的例子，拆解强制同步布局为何发生，以及如何把尺寸读取与 DOM 写入分开，再用 requestAnimationFrame 合并一帧内的更新。
- 文章 · 前端 | 1星期前 | 前端 · 性能优化 · javascript · requestAnimationFrame 布局抖动 DOM批量更新 406浏览 收藏
-
- CSS scrollbar-gutter 怎么避免弹窗打开页面抖动：stable、both-edges 与降级验收
- 弹窗打开后页面内容突然横向移动，通常不是 modal 宽度算错，而是经典滚动条出现时挤占了视口。本文用 CSS scrollbar-gutter 的 stable 与 both-edges 处理滚动条预留，并给出 overlay 滚动条和旧浏览器的验收方法。
- 文章 · 前端 | 2星期前 | 404浏览 收藏
-
- CSS scroll snap 怎么做横向卡片滑动：scroll-snap-stop、触摸手势与键盘验收
- 横向卡片滑动不应只停在 scroll-snap-type：用 scroll-snap-align、scroll-padding 和 scroll-snap-stop 组合出可控的触摸体验，再用键盘焦点、窄屏和快速甩动验收边界。
- 文章 · 前端 | 2星期前 | 前端 · css · 可访问性 · 交互 · scroll-snap-type 触摸滑动 CSS scroll snap scroll-snap-stop 横向卡片 404浏览 收藏
-
- Web Components 的 customElements.whenDefined 怎么处理组件先渲染后注册：升级时机与失败分支
- 页面先出现自定义元素、组件脚本随后加载时，customElements.whenDefined() 可以把初始化放到注册完成之后。本文用一个延迟注册的组件拆开升级时机、重复注册和加载失败边界。
- 文章 · 前端 | 1星期前 | html · javascript · 前端组件 · Web Components customElements.whenDefined CustomElementRegistry 404浏览 收藏
-
- API企业级服务平台选型白皮书：星链4SAPICOM荣列第一梯队
- 随着人工智能技术不断走深走实，企业级API服务平台已经不只是“技术工具”，而是企业搭建智能化业务系统时绕不开的核心基础设施。近日，由权威机构[具体机构名称]联合行业专家发布的《2026年企业级API服务平台选型评估报告》指出，星链科技旗下4SAPICOM平台凭借过硬的技术实力、稳定的运行表现以及完善
- 文章 · 前端 | 2星期前 | 企业级服务 403浏览 收藏
-
- TypeScript 交叉类型
- 交叉类型（Intersection Types）的作用，说白了就是把多个类型“叠加”到一起，组合成一个全新的类型，而这个新类型会同时具备所有成员类型中的内容。 这类似于面向对象中的多重继承，让一个类型可以拥有多个类型的特性。 交叉类型工作原理 类型 A (Person) name: string a
- 文章 · 前端 | 2星期前 | 交叉类型 400浏览 收藏
-
- HTML inert 如何锁住模态框背后的页面：焦点隔离、点击拦截与无障碍验收
- 用 HTML inert 配合 dialog 和 HTMLElement.inert 锁住模态框背后的页面，解释焦点、点击与无障碍树的真实变化，并给出可验收的回退写法。
- 文章 · 前端 | 1星期前 | html · javascript · Web无障碍 · html 模态框 无障碍 inert 398浏览 收藏
-
- 如何用100行代码构建自己的搜索聚合工具
- 做学术研究、技术调研时，你还在 arxiv、crossref、pubmed 之间来回切吗？同一个关键词复制粘贴 3 遍。本文教你用 SeekAll SDK + 100 行代码搭一个属于自己的搜索聚合工具，规则自己写，数据本机跑，服务端零接触。痛点：信息散落在多个孤岛做学术研究或技术调研时，我经常遇到
- 文章 · 前端 | 2星期前 | 其他 397浏览 收藏
-
- View Transition API 页面切换闪烁怎么查：快照时机、伪元素和降级方案
- View Transition API 能让页面切换从硬切变成连续过渡，但快照时机、伪元素样式和不支持浏览器的降级处理，都会造成白闪、旧页面残留或动画不生效。本文从可复现的闪烁现场出发，逐项定位并给出可回退的实现方式。
- 文章 · 前端 | 1星期前 | 前端 · 浏览器 · javascript · css · 交互体验 · 页面切换 渐进增强 View Transition API CSS 伪元素 首屏闪烁 394浏览 收藏
-
- 前端长列表首屏慢怎么查：content-visibility 与 contain-intrinsic-size 的收益和布局跳动边界
- 长列表页面首屏慢时，可以先用 content-visibility: auto 跳过屏外渲染，再用 contain-intrinsic-size 给布局一个合理占位。本文用一组可复现的列表场景说明如何测量收益、避免滚动条跳动，并给出不适合使用的边界。
- 文章 · 前端 | 3星期前 | 390浏览 收藏
-
- CSS Anchor Positioning 做悬浮提示：锚点边界与回退写法
- CSS Anchor Positioning 可以让悬浮提示跟随锚点定位，并在空间不足时尝试备用位置。本文用一个按钮与提示框的静态关系，拆清 anchor-name、position-anchor、position-try 的职责和兼容回退。
- 文章 · 前端 | 1星期前 | 布局 · 前端 · css · anchor-name CSS anchor positioning position-try 389浏览 收藏
-
- React 定时器为什么越开越多：useEffect 清理怎么写
- React 定时器越跑越快，通常是 useEffect 重复创建 setInterval 却没有对称清理。本文用生命周期、依赖数组和 Strict Mode 说明 clearInterval 的正确写法。
- 文章 · 前端 | 2天前 | 389浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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推荐
-
- H2O EvalGPT
- H2O EvalGPT是H2O.ai推出的开源LLM评估平台，提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能，助您快速选择最适合项目的高性能大语言模型。
- 14次使用
-
- SuperCLUE
- SuperCLUE是权威的中文大语言模型综合评测基准，涵盖语言理解、知识应用、AI Agent智能体及安全性等12项核心能力。通过多轮对话与客观测试，定期发布榜单与技术报告，为模型研发、优化及行业选型提供科学依据。
- 174次使用
-
- C-Eval
- 深入了解C-Eval中文评估套件，涵盖52个学科与4级难度。本文详解其功能特点、Zero-shot/Few-shot使用方法及代码示例，助您全面评测LLM中文理解与泛化能力。
- 109次使用
-
- AI Prompt Library
- 探索AI Prompt Library免费资源库，涵盖营销、写作及多场景AI提示词。兼容ChatGPT、Claude等工具，一键复制优化输出，提升工作效率。
- 36次使用
-
- Generrated
- Generrated汇集9300+张DALL·E生成图像及对应提示词，支持查看完整图集、对比DALL·E 2与3版本差异，是AI绘图新手学习Prompt设计与获取创作灵感的实用工具。
- 13次使用
