Published on2025年7月14日Resource Hints (preload, prefetch 及连接预热)FrontendBrowserPerformance本文深度剖析了四种关键的浏览器资源提示(Resource Hints)——dns-prefetch, preconnect, preload, 和 prefetch——的机制与差异。
Published on2025年7月14日层叠、特异性与继承FrontendCSS本文深度剖析了决定 CSS 样式最终应用的核心算法——层叠 (Cascade)。内容系统性地阐述了层叠的三大法则:来源与重要性、特异性 (Specificity) 和源顺序。笔记详细拆解了特异性的四级元组计算方法,涵盖了现代伪类 :is(), :where() 的行为,并最终将其与继承 (Inheritance) 相结合。
Published on2025年7月14日Cache-Control 核心指令FrontendNetwork本文深度剖析了 HTTP Cache-Control 响应头中五个核心指令的精确机制与差异,包括 no-store, no-cache, must-revalidate, private 和 stale-while-revalidate。
Published on2025年7月13日浏览器渲染原理FrontendBrowser本文深度剖析了现代浏览器的渲染管线(Rendering Pipeline),系统性地阐述了从解析 HTML/CSS 构建 DOM/CSSOM,到结合成渲染树(Render Tree),再经过布局(Layout)、绘制(Paint)和合成(Composite)最终呈现为屏幕像素的五个核心阶段。
Published on2025年7月13日DNS:从域名到 IP 地址的解析FrontendNetwork本文深度剖析了 DNS (Domain Name System) 的完整工作原理。内容从 DNS 的核心参与者(递归解析器、根、顶级域名及权威服务器)入手,系统性地阐述了 DNS 查询中无处不在的多级缓存机制,并结合序列图,详细拆解了当缓存未命中时,从递归查询到迭代查询,最终获取目标 IP 地址的全过程。