-
<wbr>是浏览器仅在必要时断行的隐形标记，适用于长技术词、URL等场景，区别于显示连字符的­，且仅在内联上下文和允许断行的样式下生效。
-
本文解决轮播（carousel）中文字链接无法点击的问题，核心方案是通过CSS的pointer-events属性动态控制链接的交互状态，确保仅当前显示的文本项具备可点击能力。
-
MP3文件无法转换为HTML，只能通过<audio>标签嵌入网页播放；需确保路径正确、添加controls和preload="metadata"属性，并提供.ogg备用格式以兼容Safari。
-
属性选择器可精准选中带特定属性的元素。1.[attribute]选有该属性的元素；2.[attribute="value"]选属性值完全匹配的元素；3.[attribute*="value"]包含、~="value"为空格分隔单词之一、|="value"为连字符开头、^="value"以前缀开头、$="value"以后缀结尾；4.可组合多个属性或与标签类名结合，提升精确度，减少冗余类名，但需注意性能。
-
用opacity和visibility联合过渡可解决视觉淡出但交互和占位问题：opacity控制透明度，visibility控制交互与可访问性，transition需同时声明二者并配step-end时机函数。
-
本文详解如何通过CSS的position:fixed配合overflow:hidden和合理布局，确保标题、图像及UI区域在用户缩放（Ctrl+/Cmd++/-）时不会发生偏移、拉伸或错位，提升Clicker类游戏的视觉稳定性与用户体验。
-
本文详解如何通过原生JavaScript实现Bootstrap5下拉菜单的响应式行为：桌面端悬停（hover）展开并保留主链接跳转功能，移动端仅点击展开/收起且禁用跳转，完美适配触屏与非触屏设备。
-
JavaScript代码压缩几乎不影响运行时性能，主要提升加载阶段速度——减小体积、加速网络传输与初始解析；执行性能取决于AST结构和引擎优化，与变量名长度、空格注释等无关。
-
HTML注释不参与渲染，无法添加style属性或内联样式，浏览器直接忽略其中内容；它是DOM中的Comment节点，无style属性和className，CSS选择器也无法选中。
-
递归遍历DOM树无统一标准函数，但需明确入口与终止条件（如node.nodeType!==1时返回）、优先使用children过滤非元素节点、提供enter/leave钩子及深度控制，并在超深树时降级为迭代。
-
background-position不适合做“充电上升”动画，因其依赖预设高分辨率背景图、仅支持线性位移、易因像素四舍五入导致跳帧卡顿；推荐用linear-gradient+height动画替代，更平滑可控。
-
使用text-align:center可使HTML5输入框文本居中，包括placeholder；可通过内联样式或CSS类统一设置，需注意避免其他样式覆盖。
-
BroadcastChannel是同源页面间广播通信的原生API，支持标签页、iframe等实时消息传递；需同源且注意兼容性与隐私模式限制，适用于多标签状态同步等场景。
-
滚动进度条不能只用position:sticky，因为它不感知滚动位置、无法计算百分比；必须用JS读取scrollTop和scrollHeight动态计算，并通过CSS变量驱动样式变化。
-
浏览器不报错但可访问性失效，ChromeDevTools“Accessibility”面板标红提示对比度不足；实际表现为屏幕阅读器忽略文字，文字“看不见但存在”；需用color-mix()、明度控制和微阴影等手段确保稳定可读。
