前端技术文章
-
- 前端大列表为什么滚动会抖：content-visibility 与占位高度的取舍
- content-visibility:auto 可以跳过屏幕外内容的绘制，但尺寸估计不准时会让滚动条和滚动位置抖动。本文用 contain-intrinsic-size、auto 记忆尺寸和渐进校验拆开性能收益与布局稳定性的取舍。
- 文章 · 前端 | 1个月前 | 前端 · 性能 · 浏览器 · css · 前端性能 content-visibility contain-intrinsic-size 大列表 滚动抖动 366浏览 收藏
-
- CSS @scope 怎么限制组件样式泄漏：嵌套范围、优先级与降级检查
- 用 CSS @scope 给卡片组件划定样式边界，讲清嵌套 scope、to() 限制、scoping proximity 与不支持浏览器的降级检查。
- 文章 · 前端 | 1个月前 | 366浏览 收藏
-
- 前端 WebSocket 断线重连为什么会打爆接口：指数退避、抖动与页面恢复
- WebSocket 断线后，如果每个页面都立即重连，网络抖动会迅速变成重连风暴。本文从连接状态、指数退避、随机抖动和页面可见性恢复入手，给出一套可观察、可停止、能回滚的前端重连方案。
- 文章 · 前端 | 1个月前 | 366浏览 收藏
-
- adoptedStyleSheets 如何在多个 Shadow DOM 共享样式：构造、挂载与更新边界
- 用 CSSStyleSheet 构造共享样式，通过 adoptedStyleSheets 挂载到多个 ShadowRoot，并验证 replaceSync 更新、文档归属与兼容边界。
- 文章 · 前端 | 1个月前 | 前端 · javascript · css · Web Components Shadow DOM adoptedStyleSheets CSSStyleSheet 365浏览 收藏
-
- Web Worker 传输 ArrayBuffer 后主线程为什么不能再读取
- Web Worker 通过 postMessage 传输 ArrayBuffer 时，加入 transfer list 会转移底层内存所有权，使发送端 buffer 进入 detached 状态。本文对比复制与转移，说明消息体、transfer list 和 Uint8Array 视图的正确边界。
- 文章 · 前端 | 4星期前 | 364浏览 收藏
-
- HTMLDialogElement requestClose 和 close 有什么区别
- HTMLDialogElement 的 requestClose() 用于发起可拦截的关闭请求，close() 用于直接关闭。本文用事件顺序、returnValue 和兼容性代码说明两者的选择边界。
- 文章 · 前端 | 1天前 | dialog close HTMLDialogElement requestClose 363浏览 收藏
-
- Intl.DateTimeFormat按用户时区显示业务时间的实现
- 前端显示业务时间时，应保留后端时间点并显式传入用户IANA时区。本文给出Intl.DateTimeFormat复用写法、resolvedOptions检查和无偏移字符串处理边界。
- 文章 · 前端 | 1星期前 | 363浏览 收藏
-
- Web Streams TransformStream 如何处理背压
- TransformStream 会把下游的消费压力沿管道传回上游。本文用 pipeThrough、desiredSize 和 writer.ready 说明如何配置、判断并验证 Web Streams 背压。
- 文章 · 前端 | 3星期前 | 361浏览 收藏
-
- IntersectionObserver实现列表懒加载的阈值策略的实现方法
- 用列表底部哨兵讲清 IntersectionObserver 的 root、rootMargin 和 threshold 如何协同，补上请求锁、hasMore 标记以及自定义滚动容器的边界处理。
- 文章 · 前端 | 2星期前 | 前端 · 性能优化 · javascript · IntersectionObserver rootMargin threshold 列表懒加载 360浏览 收藏
-
- Fetch API流式读取响应并显示下载进度的实现
- 通过 Fetch API 消费 Response.body 的 ReadableStream，按字节累计下载量并同步更新界面；同时处理 Content-Length 缺失、取消请求、网络异常和 Blob URL 释放，避免进度条失真或资源泄漏。
- 文章 · 前端 | 2星期前 | 359浏览 收藏
-
- 前端表单失焦校验为什么抖动：focusout、relatedTarget 与事件委托
- 前端表单用 blur 做逐字段校验时容易出现提示抖动。用 focusout 事件委托、relatedTarget 判断焦点是否仍在字段组内，再配合 requestId 丢弃过期结果，可以让校验状态稳定下来。
- 文章 · 前端 | 1个月前 | javascript · 前端开发 · 表单校验 事件委托 focusout relatedTarget 356浏览 收藏
-
- TypeScript + React 实战
- TypeScript 为 React 开发提供完整的类型支持，提高代码可靠性。 使用 TypeScript 可以让 React 组件、Props、State 等都有完整的类型检查，减少运行时错误。 React 教程查看：https://www.runoob.com/vue3/react-tutori
- 文章 · 前端 | 1个月前 | React 354浏览 收藏
-
- FormData 上传文件为什么不能手动设置 multipart 请求头
- FormData 上传文件时不要手动设置 multipart/form-data 的 Content-Type，浏览器需要根据请求体自动生成 boundary。本文用 fetch 示例说明正确写法，并给出从请求头、字段名和文件对象排查上传失败的方法。
- 文章 · 前端 | 1个月前 | 353浏览 收藏
-
- CSS text-wrap: balance 怎么让中文标题更稳：max-width、降级与可访问性
- 用 CSS text-wrap: balance 处理中文卡片标题和文章标题的断行，配合 max-width、@supports 和可访问性检查，避免标题一行孤零零或切换时跳动。
- 文章 · 前端 | 1个月前 | 353浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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模型性能。
- 354次使用
-
- H2O EvalGPT
- H2O EvalGPT是H2O.ai推出的开源LLM评估平台，提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能，助您快速选择最适合项目的高性能大语言模型。
- 414次使用
-
- LMArena
- LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制，用户可对比不同大模型回答并生成实时排行榜，助力开发者优化模型及用户选择最佳AI工具。
- 421次使用
-
- HELM
- 深入了解斯坦福推出的HELM（Holistic Evaluation of Language Models）大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景，涵盖准确性、公平性、鲁棒性等多维度指标，助力开发者全面优化语言模型性能。
- 377次使用
-
- MMBench
- MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台，提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景，助力开发者全面评估多模态模型性能。
- 199次使用
