前端技术文章
-
- WeakRef 与 FinalizationRegistry 资源管理技巧
- WeakRef仅避免阻止GC，不自动清理缓存；FinalizationRegistry才是感知对象真正回收并触发缓存键删除的唯一机制，二者需配合使用且不可替代。
- 文章 · 前端 | 4个月前 | 494浏览 收藏
-
- HTML下拉框添加阴影效果方法
- 能，但效果受限——因原生<select>由操作系统绘制，box-shadow常被系统控件遮盖或忽略；可靠方案是用带阴影的包裹容器配合appearance:none自定义样式。
- 文章 · 前端 | 4个月前 | 303浏览 收藏
-
- HTML实现HTTP/2 Server Push避坑指南
- HTTP/2ServerPush在现代浏览器中已完全失效，Chrome96+、Firefox90+、Edge96+均静默忽略，仅rel="preload"是唯一可行替代方案，需置于<head>中并严格指定as属性。
- 文章 · 前端 | 4个月前 | 496浏览 收藏
-
-
可以使用 :nth-child() 伪类结合类名来选择特定的元素。不过需要注意的是，:nth-child() 是根据元素在父元素中的位置来选择的，而不是根据类名。如果你想按类名过滤后选择第 N 个匹配元素，可以使用 :nth-of-type() 或者结合 JavaScript 来实现。方法一：使用 :nth-of-type()（适用于相同标签）如果元素是相同的标签（如都是 ），你可以这样
- .class:nth-child(n)指父元素第n个子节点恰好是.class元素，而非筛选后取第n个；它受HTML结构严格限制，空白文本节点会导致匹配失败，目前无可靠CSS原生替代方案。
- 文章 · 前端 | 4个月前 | 490浏览 收藏
- Page Lifecycle API 管理 PWA 资源回收与恢复
- PWA后台冻结管理需主动监听freeze与pagehide双事件，在JS挂起前完成状态保存与资源清理；resume事件精准恢复，状态存sessionStorage且仅限可序列化轻量数据。
- 文章 · 前端 | 4个月前 | 156浏览 收藏
- CSS利用Group-hover实现父子联动简单交互
- Group-hover为什么必须配合group类使用直接写group-hover:xxx没效果，是因为Tailwind的group-hover是一个“依赖类”——它只在父元素有group类时才生效。没有group，group-hover根本不会被编译进CSS。错误写法：文字→完全无效正确结构：文字group必须加在触发hover的祖先容器上（不一定是直接父级，但必须是DOM上层）子元素hover状态下修改父级以外的兄弟元素常见需求：鼠标悬停在
- 文章 · 前端 | 4个月前 | 387浏览 收藏
- 虚拟DOM与响应式系统设计解析
- 虚拟DOM和响应式系统是现代JavaScript框架的核心。答案：通过JS对象模拟DOM并结合数据监听实现自动更新。用VNode描述UI结构，避免频繁操作真实DOM；利用Object.defineProperty或Proxy监听数据变化，在getter中收集依赖，setter中触发更新；状态变化时重新生成VNode，通过diff算法比对新旧节点，最小化更新真实DOM；结合二者可实现“数据变→视图更新”的闭环，构成Vue、React等框架基础。
- 文章 · 前端 | 4个月前 | 121浏览 收藏
- CSS嵌套组件样式污染怎么解决
- 使用组合选择器和BEM命名规范可有效避免CSS嵌套样式污染，通过提升特异性和作用域隔离，确保组件样式互不干扰。
- 文章 · 前端 | 4个月前 | 489浏览 收藏
- JavaScript clearTimeout使用方法详解
- clearTimeout用于取消未执行的setTimeout定时器，需传入其返回的timerID；未保存ID则无法取消，重复调用或传入无效值均无效果但不报错。
- 文章 · 前端 | 4个月前 | 324浏览 收藏
- CSS nth-child奇数选择技巧详解
- :nth-child(2n+1)按父元素所有子元素序号选中奇数位置元素，不区分标签类型；若存在其他节点（如div、注释或空白文本节点），则实际li的序号偏移，导致视觉奇数项未被选中。
- 文章 · 前端 | 4个月前 | 498浏览 收藏
- JavaScript库是什么？jQuery还值得用吗
- jQuery已非新项目必需，因现代浏览器原生API成熟、主流框架减少DOM操作、体积负担与维护成本高；仅老系统、特定插件依赖或极简静态页等场景暂难替代。
- 文章 · 前端 | 4个月前 | 451浏览 收藏
- CSS实现响应式搜索框自动伸缩技巧
- flex-grow无法直接过渡，因其为非数值型计算属性，无中间状态；应改用flex-basis、width或max-width等可动画数值属性配合transition实现平滑伸缩。
- 文章 · 前端 | 4个月前 | 309浏览 收藏
- JavaScript内存泄漏常见模式及检测方法
- JavaScript内存泄漏常见于全局变量、定时器、事件监听、闭包和DOM引用未清理，可通过ChromeDevTools的Memory和Performance面板检测，并用WeakMap/WeakSet优化引用管理。
- 文章 · 前端 | 4个月前 | 222浏览 收藏
- jQuery动态添加表单行时的克隆问题与计数器失效解决方法
- 本文详解jQuery中因容器与可克隆元素混淆导致的“点击一次添加多行”异常现象，指出根本原因是.bulk:first克隆了包含所有历史副本的整个容器，而非单个模板行，并提供结构分离、事件委托及无ID优雅方案。
- 文章 · 前端 | 4个月前 | 399浏览 收藏
- HTML模板优化字体渲染，提升文字阅读体验
- font-display必须显式设为swap以避免首屏白屏，它用系统字体先渲染再替换；preload字体需加crossorigin、as="font"和type；只用woff2格式；启用font-optical-sizing:auto提升可读性。
- 文章 · 前端 | 4个月前 | 486浏览 收藏
-
可以使用 :nth-child() 伪类结合类名来选择特定的元素。不过需要注意的是，:nth-child() 是根据元素在父元素中的位置来选择的，而不是根据类名。如果你想按类名过滤后选择第 N 个匹配元素，可以使用 :nth-of-type() 或者结合 JavaScript 来实现。方法一：使用 :nth-of-type()（适用于相同标签）如果元素是相同的标签（如都是
查看更多
课程推荐
-
- 前端进阶之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模型性能。
- 293次使用
-
- H2O EvalGPT
- H2O EvalGPT是H2O.ai推出的开源LLM评估平台，提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能，助您快速选择最适合项目的高性能大语言模型。
- 348次使用
-
- LMArena
- LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制，用户可对比不同大模型回答并生成实时排行榜，助力开发者优化模型及用户选择最佳AI工具。
- 353次使用
-
- HELM
- 深入了解斯坦福推出的HELM（Holistic Evaluation of Language Models）大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景，涵盖准确性、公平性、鲁棒性等多维度指标，助力开发者全面优化语言模型性能。
- 315次使用
-
- MMBench
- MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台，提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景，助力开发者全面评估多模态模型性能。
- 135次使用
