-
图片路径须用相对路径或网络地址，禁用本地绝对路径；alt属性必填且需准确描述内容；通过浏览器控制台404报错可快速定位路径错误。
-
:root是CSS伪类选择器，匹配文档根元素（HTML中为<html>），特异性高于html选择器，主要用于声明全局CSS自定义属性，是主题切换和设计系统变量管理的首选挂载点。
-
::backdrop仅对原生<dialog>调用showModal()时生效，非<dialog>元素（如div、自定义Modal）无法使用；必须显式设置background-color，且不支持z-index；兼容性差，旧版Safari等需回退手动遮罩层。
-
WeakMap与Map的核心区别在于键类型和引用强度：WeakMap键只能是对象且为弱引用，支持自动GC清理；Map键可为任意类型且为强引用。WeakMap不可遍历、无size属性，仅提供set/get/has/delete方法，适用于私有状态存储等需避免内存泄漏的场景。
-
IE6下float元素的margin双倍计算是其特有渲染缺陷：当float元素某侧边距紧邻父容器边缘时，该边距被错误计算两次；display:inline可临时修复，因触发hasLayout子状态绕过bug路径。
-
HTML中用div套div需嵌套标签并配合CSS设置宽高、边框等样式；注意外边距合并、定位脱离文档流、display属性影响及box-sizing盒模型，默认content-box会导致尺寸偏差。
-
偏函数是通过预设部分参数生成新函数的技术，如用bind固定add函数的b为10得addTen(5,6)结果21；也可自定义实现支持占位符的偏函数以灵活绑定任意参数。
-
flex-wrap有三个值：nowrap默认不换行，wrap允许换行，wrap-reverse反向换行；通过设置wrap可实现多行弹性布局，常用于响应式卡片排列，配合子项宽度和gap属性控制布局结构。
-
PerformanceObserver无法捕获LayoutShift，因为'layout-shift'不在其支持的entryTypes列表中，注册时会被静默忽略；仅Chromium120+、Safari17.4+等新版本部分支持getEntriesByType('layout-shift')，且需在document.readyState==='interactive'前调用，否则首屏抖动丢失；sources中节点为弱引用，访问前需可选链判断；移动端WebView普遍不支持，须双重检测；推荐使用web-vi
-
在HTML中，``标签的作用是什么？它与强调标签``的语义化意义又有什么关系呢？让我们深入探讨一下。``标签在HTML中主要用于表示文本的强调。它的默认样式通常是斜体，但更重要的是它的语义化意义。``标签告诉屏幕阅读器和搜索引擎，这个文本是需要强调的，因此在语义上，它增加了文本的重点和重要性。让我们从我个人的经验出发，谈谈``标签的使用心得。记得在刚开始学习HTML时，我常常混淆``和``标签。``标签虽然在视觉上也表现为斜体，但它更适合用于表示术语、外文短语等，并不具备``标签的强调语义。这让我
-
<output>需严格绑定ID才能自动更新，for值须与目标id完全匹配；仅支持<formoninput>触发计算，须用valueAsNumber等安全取值，样式需设inline-block和min-width防抖动，JS操作只改value。
-
根本原因是渐变背景与文字颜色对比度不足（低于4.5:1），导致文字陷于暗区或亮区；应主动用background-blend-mode、伪元素+backdrop-filter等方案提升可读性，并通过工具校验WCAG对比度。
-
实现HTML响应式网站需五步：一、语义化HTML结构与视口设置；二、流体网格与相对单位布局；三、移动优先的媒体查询；四、响应式图像处理；五、Flexbox与Grid布局结合。
-
history.scrollRestoration='manual'用于禁用浏览器在前进/后退和刷新时自动恢复滚动位置，默认为'auto'；设为'manual'后需配合beforeunload和pageshow事件手动调用scrollTo(0,0)确保置顶。
-
drop事件不触发的根本原因是未在dragover中调用event.preventDefault()；必须为拖放目标绑定dragover并阻止默认行为，否则浏览器拒绝投放且不报错。
