-
原生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，但语义属行内。
-
HTML5中空格被合并是因空白字符处理规则，可用 、white-space:pre/pre-wrap、JS替换空格、<pre>标签或textarea空格可视化等方式保留。
-
HTML歌词本身不带同步滚动能力，需JavaScript根据audio.currentTime匹配LRC时间戳并用scrollIntoView({block:'center'})或scrollTop实现平滑滚动，同时注意解析鲁棒性、设备兼容性及时间比对精度。
-
垂直菜单最稳妥的结构是用<nav>包裹<ul>，每个菜单项用<li>，链接用<a>；必须避免<div>堆砌或<a>直塞<nav>，统一用aria-current="page"标识当前页，并通过display:block和text-decoration:none确保语义正确、点击热区完整、样式可控。
-
color-interpolation-method对CSS渐变无效，仅作用于SVG渐变元素；CSS渐变固定在sRGB空间插值，需用SVG引入或color-mix()间接控制。
-
有效@keyframes需满足：动画名唯一且不含空格/特殊符（如slideIn），0%/100%关键帧必存在，每帧至少含一个可动画属性；animation-name和animation-duration缺一不可，时长须大于0s，需用animation-fill-mode:forwards保持终态，并预先设置元素初始样式防闪烁。
-
JavaScript前端视频滤镜通过Canvas逐帧获取并修改像素数据实现，核心是实时绘制与合成而非文件重编码；需降采样或OffscreenCanvas+WebWorker优化性能。
-
JavaScript中有7个会改变原数组的方法：push()、pop()、shift()、unshift()、splice()、reverse()、sort()；其余如map()、filter()、slice()等均不改变原数组。
