前端技术文章
-
- CSS scrollbar-gutter 怎么避免弹窗打开页面抖动：stable、both-edges 与降级验收
- 弹窗打开后页面内容突然横向移动，通常不是 modal 宽度算错，而是经典滚动条出现时挤占了视口。本文用 CSS scrollbar-gutter 的 stable 与 both-edges 处理滚动条预留，并给出 overlay 滚动条和旧浏览器的验收方法。
- 文章 · 前端 | 1个月前 | 404浏览 收藏
-
- CSS scroll snap让横向卡片滚动停在卡片边界的实现方法
- 本文用一段最小 CSS 配方让横向卡片在滚动结束后停在卡片边界，说明 scroll-snap-type、scroll-snap-align、gap、scroll-padding 与快速滑动边界。
- 文章 · 前端 | 3星期前 | scroll-snap-type scroll-snap-align CSS scroll snap 横向卡片滚动 前端卡片边界对齐 403浏览 收藏
-
- API企业级服务平台选型白皮书：星链4SAPICOM荣列第一梯队
- 随着人工智能技术不断走深走实，企业级API服务平台已经不只是“技术工具”，而是企业搭建智能化业务系统时绕不开的核心基础设施。近日，由权威机构[具体机构名称]联合行业专家发布的《2026年企业级API服务平台选型评估报告》指出，星链科技旗下4SAPICOM平台凭借过硬的技术实力、稳定的运行表现以及完善
- 文章 · 前端 | 1个月前 | 企业级服务 403浏览 收藏
-
- CSS container query 为什么在子组件中不生效
- CSS container query 在子组件中不生效，通常是父级没有建立 container-type，或嵌套时查询到了错误的祖先容器。本文用可复用卡片示例拆解 inline-size、container-name、作用域和兼容降级的排查顺序。
- 文章 · 前端 | 3星期前 | 400浏览 收藏
-
- TypeScript 交叉类型
- 交叉类型（Intersection Types）的作用，说白了就是把多个类型“叠加”到一起，组合成一个全新的类型，而这个新类型会同时具备所有成员类型中的内容。 这类似于面向对象中的多重继承，让一个类型可以拥有多个类型的特性。 交叉类型工作原理 类型 A (Person) name: string a
- 文章 · 前端 | 1个月前 | 交叉类型 400浏览 收藏
-
- 前端 IndexedDB 事务自动提交前为什么不能异步等待
- IndexedDB 事务会随事件循环在没有新请求时自动提交。本文用读后写、网络等待、版本升级和同源边界说明为什么不能跨 await 继续使用原事务，以及如何改成稳定的请求回调结构。
- 文章 · 前端 | 4星期前 | 398浏览 收藏
-
- HTML inert 如何锁住模态框背后的页面：焦点隔离、点击拦截与无障碍验收
- 用 HTML inert 配合 dialog 和 HTMLElement.inert 锁住模态框背后的页面，解释焦点、点击与无障碍树的真实变化，并给出可验收的回退写法。
- 文章 · 前端 | 1个月前 | html · javascript · html 模态框 无障碍 inert 398浏览 收藏
-
- 如何用100行代码构建自己的搜索聚合工具
- 做学术研究、技术调研时，你还在 arxiv、crossref、pubmed 之间来回切吗？同一个关键词复制粘贴 3 遍。本文教你用 SeekAll SDK + 100 行代码搭一个属于自己的搜索聚合工具，规则自己写，数据本机跑，服务端零接触。痛点：信息散落在多个孤岛做学术研究或技术调研时，我经常遇到
- 文章 · 前端 | 1个月前 | 其他 397浏览 收藏
-
- 前端表格列拖拽为什么会抖动：用 Pointer Events 与 requestAnimationFrame 合并布局写入
- 表格列拖拽时出现指针跟不上、列宽抖动和松手后跳回，通常不是 Pointer Events 本身慢，而是每个 pointermove 都同步读写布局。本文用 120Hz 屏幕的可复现场景，比较直接写入与 requestAnimationFrame 合帧方案，并给出最终验收指标与边界。
- 文章 · 前端 | 2个月前 | 前端 · javascript · 前端 性能优化 requestAnimationFrame 布局抖动 表格列拖拽 Pointer Events 397浏览 收藏
-
- 浏览器 MessageChannel 如何把端口交给 iframe
- 讲清浏览器 MessageChannel 把 port2 交给 iframe 的完整链路：等待 iframe 加载、使用精确 targetOrigin 转移端口、在 event.ports[0] 接管并用回执验证双向通信。
- 文章 · 前端 | 3星期前 | 396浏览 收藏
-
- Service Worker registration.update 怎么判断新脚本已经下载
- 用 updatefound、installing 的 statechange 以及 waiting 和 active 状态，判断 Service Worker 新脚本是未变化、已安装等待激活，还是已经接管页面，避免把 update() 的 Promise 返回误当成更新完成。
- 文章 · 前端 | 3星期前 | 前端 · 浏览器API · Service Worker waiting registration.update updatefound installing active 394浏览 收藏
-
- View Transition API 页面切换闪烁怎么查：快照时机、伪元素和降级方案
- View Transition API 能让页面切换从硬切变成连续过渡，但快照时机、伪元素样式和不支持浏览器的降级处理，都会造成白闪、旧页面残留或动画不生效。本文从可复现的闪烁现场出发，逐项定位并给出可回退的实现方式。
- 文章 · 前端 | 1个月前 | 前端 · 浏览器 · javascript · css · 交互体验 · 页面切换 渐进增强 View Transition API CSS 伪元素 首屏闪烁 394浏览 收藏
-
- requestSubmit 与 form.submit 有什么区别
- 对比 requestSubmit 与 form.submit 的原生校验、submit 事件、提交按钮语义和兼容边界，给出自定义按钮、异步确认与直接提交场景的选择清单。
- 文章 · 前端 | 1星期前 | html · javascript · 表单 · requestSubmit form.submit HTML表单校验 392浏览 收藏
-
- 前端长列表首屏慢怎么查：content-visibility 与 contain-intrinsic-size 的收益和布局跳动边界
- 长列表页面首屏慢时，可以先用 content-visibility: auto 跳过屏外渲染，再用 contain-intrinsic-size 给布局一个合理占位。本文用一组可复现的列表场景说明如何测量收益、避免滚动条跳动，并给出不适合使用的边界。
- 文章 · 前端 | 1个月前 | 390浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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模型性能。
- 356次使用
-
- H2O EvalGPT
- H2O EvalGPT是H2O.ai推出的开源LLM评估平台，提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能，助您快速选择最适合项目的高性能大语言模型。
- 416次使用
-
- LMArena
- LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制，用户可对比不同大模型回答并生成实时排行榜，助力开发者优化模型及用户选择最佳AI工具。
- 424次使用
-
- HELM
- 深入了解斯坦福推出的HELM（Holistic Evaluation of Language Models）大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景，涵盖准确性、公平性、鲁棒性等多维度指标，助力开发者全面优化语言模型性能。
- 380次使用
-
- MMBench
- MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台，提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景，助力开发者全面评估多模态模型性能。
- 201次使用
