-
autoplay属性仅适用于video和audio标签，现代浏览器默认禁止有声媒体自动播放，需同时设置muted才可能生效，iOS还需playsinline，有声播放必须依赖用户首次交互后调用play()。
-
JavaScript字符串核心方法只需掌握slice、includes、replace（配正则）、split和trim五个；substr/substring因语义模糊已被弃用；slice统一替代二者；replace默认只换首个，全局替换需/g或replaceAll；split空字符串拆分emoji有缺陷，推荐Array.from；trim不处理中间空格，toLowerCase在土耳其语下异常；所有字符串方法均返回新串，原串不变。
-
最直接且推荐的方式是使用原生HTML的<details>和<summary>标签，若需自定义则结合WAI-ARIA属性和JavaScript。1.优先使用<details>和<summary>，它们具备内置可访问性，支持键盘导航和屏幕阅读器语义；2.当需自定义时，使用<button>作为触发器并添加aria-expanded、aria-controls属性，通过JavaScript切换状态并管理键盘交互；3.确保内容区域有唯一ID并使用hidde
-
watchEffect的核心优势是自动追踪依赖并提供onInvalidate机制，在副作用重新执行前清理上一次未完成操作，如定时器、请求或事件监听；首次执行不触发onInvalidate，后续依赖变化前及组件卸载时均会触发。
-
HTML5的pattern属性本质是RegExp.test()的封装，仅在表单提交时对input.value执行全匹配校验，自动添加^和$锚点，不改变正则引擎、语法限制或错误行为，且必须配合title提供有效提示。
-
JavaScript性能优化关键在于减少重排与重绘：应批量修改样式、避免强制同步布局、优先使用transform/opacity动画、精简DOM结构并合理管理样式作用域。
-
JavaScript轮播图核心是用setInterval驱动切换并配合DOM与CSS过渡，需保存timerID以支持暂停/重启，推荐3000–5000ms间隔；通过currentIndex统一管理显隐或位移切换、用户交互及无缝循环逻辑。
-
min-height和max-height为核心提供元素高度弹性范围，确保内容适配与布局稳定；前者防止元素过小，后者限制最大高度，常配合overflow处理溢出；在响应式设计中，结合vh、calc()、Flexbox、Grid及媒体查询，实现智能自适应布局，避免塌陷或撑爆，提升跨设备体验一致性。
-
del标签语义上表示内容已被删除，浏览器默认渲染为删除线；它强调“曾存在但已移除”，需配合datetime属性增强可追溯性，不可与仅表过时的s标签混用。
-
BEM通过命名约定（block__element--modifier）实现样式隔离，不依赖构建工具，避免全局污染；CSSModules依赖哈希类名，在SSR、动态DOM、第三方组件中易失效。
-
使用order属性可改变Flex子元素显示顺序，数值小的优先排列，结合flex-direction可调整主轴方向，常用于响应式布局中不改变DOM结构的情况下调整视觉顺序。
-
CSSModules中直接写.ant-btn不生效，因其类名被哈希化且作用域受限；需用:global(.ant-btn)全局覆盖，注意语法正确、加载顺序及选择器权重。
-
<noscript>必须放在<body>内依赖JS的核心内容区域前，仅用于提示功能不可用，不处理JS错误、不降级渲染、不替代合理结构设计。
-
语义化导航应使用<nav><ul><li><a>结构，图标用inlineSVG并设stroke/fill为currentColor，清除列表默认样式，链接用flex布局对齐，hover和active态需同步控制文字与图标颜色。
-
-webkit-overflow-scrolling已废弃，iOS15+/Safari15.4+中无效且可能引发渲染异常；现代方案需同时满足：容器有明确高度（或max-height）、overflow-y:auto/scroll、启用原生滚动行为。
