-
html-minifier的--minify-jstrue选项需依赖terser且仅压缩内联脚本：若未安装terser、语法不兼容、含module/nomodule属性或危险语句，会静默跳过；它不处理外部JS，也不跨script块优化，压缩效果取决于原始JS质量。
-
绝对定位子元素不占位，完全脱离文档流，父容器计算尺寸时无视其存在；需为父元素设置position:relative等非static定位才能建立定位上下文，否则偏移参考祖先或body。
-
计算属性实现动态表单校验的核心是规则与状态分离：规则来自配置，状态驱动响应，校验逻辑只读不写、结果自动更新；支持跨字段联动、动态表单项和单元测试，无需手动触发或第三方库。
-
直接用:checked伪类能控制开关状态，因其响应checkbox原生状态变化，无需JS且兼容IE9+；label与input需正确关联，input不可display:none而应隐藏；滑块动画用::after配合transform实现；深色模式用prefers-color-scheme适配，禁用状态需用aria-disabled或class控制；pointer-events:none加在input上以保留可访问性。
-
transition不生效需先检查三件事：目标属性是否支持过渡、状态切换时属性值是否发生可插值变化、是否遗漏:hover等触发源。
-
本文详解Etch-a-Sketch项目中重置按钮无响应的问题：核心在于DOM元素选择器不匹配——createGrid()创建的是带canvas类的<div>，但reset()却尝试重置所有<div>，导致目标元素未被选中，从而无法清空画布。
-
不是必须，但强烈建议用<thead>包裹表头；它提升语义化、可访问性及打印/滚动时表头重复显示能力，WCAG和主流UI库均要求该结构。
-
原生progress元素background无效因WebKit用伪元素控制样式，需用progress::-webkit-progress-bar/value；BEM修饰符应表语义状态而非数值或颜色，进度值交由CSS变量控制。
-
PathIntellisense在HTML中不弹出路径建议最常见原因是文件未被识别为HTML模式（右下角显示PlainText而非HTML），其次为未打开工作区、主开关关闭、插件冲突、引号内位置不符或别名未配置mappings映射。
-
scrollHeight是唯一靠谱的依据，因其返回内容完整渲染所需最小高度，不受字体、缩放、换行符类型及CSSheight干扰；offsetHeight和clientHeight仅反映当前渲染尺寸，遇滚动条或溢出即失效。
-
要运行PHP文件需搭建服务器环境，使用XAMPP等集成工具启动Apache，将.php文件放入htdocs目录，通过http://localhost访问，确保PHP被正确解析并嵌入HTML中显示。
-
box-sizing属性值有content-box和border-box两种（inherit基本不用）：content-box下width/height仅指内容区，总宽=width+padding+border；border-box下width/height包含padding和border，内容区自动收缩。
-
能，any-pointer通过检测设备是否存在粗粒度（coarse）或精细（fine）指针输入能力来判断交互特性，而非单纯识别是否为触摸设备；它比UA嗅探和屏幕宽度更可靠，但需配合any-hover使用以避免二合一设备误判。
-
dataset通过element.dataset.userId取值，自动转换连字符为驼峰，但不处理下划线；兼容性上IE11+支持，动态key或含下划线时需用getAttribute；其值恒为字符串，需手动类型转换，SSR或框架中推荐getAttribute以确保可靠性。
-
HTML5规范中默认为行内元素的是phrasingcontent类元素，如a、span、strong、em、img、input、label、button、code、br、abbr、b、cite、dfn、i、kbd、mark、q、samp、small、sub、sup、time、u、var等，其中img和input虽表现似inline-block，但语义属行内。
