-
datalist元素需通过input的list属性绑定且id值严格匹配才能生效；仅支持text类输入类型；option必须含value属性，匹配为不区分大小写的前缀匹配；动态添加option需重新聚焦input才可能生效；iOSSafari基本不显示建议菜单，移动端兼容性差。
-
meter元素无JavaScriptAPI取值，仅通过绑定的value属性或外部变量获取数据；其value为只读反射属性，修改不触发事件，也不参与表单提交，本质是单向显示控件。
-
最稳妥的列表项间距方案是用margin-bottom：给li设margin-bottom，ul清除默认边距并可加padding-bottom保持末项呼吸感；gap是现代推荐方案但需兼容性兜底；border-bottom需配合:not(:last-child)避免多余边框。
-
JSON.parse(JSON.stringify())不能用于生产环境，因其会丢失Date、RegExp、undefined、function、Symbol、BigInt等类型，并无法处理循环引用；仅限纯JSON安全结构的临时调试。
-
Flexbox等高布局默认由align-items:stretch实现，但需父容器有明确交叉轴高度且子项未限制自身高度；常见问题包括父高未定义、子项设固定高或align-self，IE11存在border/padding兼容性问题。
-
HTML5播放器无需安装插件，因现代浏览器原生支持video/audio标签；视频无法播放主因是资源地址、MIME类型或CORS配置错误，而非缺少插件。
-
grid-area值相同时元素会重叠，重叠顺序由DOM顺序决定，可用z-index控制（需定位）；也可用grid-row/grid-column指定行列线实现灵活重叠；重叠不导致裁剪，需检查overflow和place-items；调试建议用outline、背景色及开发者工具网格可视化功能。
-
JavaScript剪贴板API需在用户触发事件中使用，如点击操作，禁止静默调用；2.必须在HTTPS或localhost安全上下文中运行；3.读取或写入前应通过PermissionsAPI检查权限；4.避免滥用及处理敏感数据，确保用户知情并主动确认，提升安全性与体验。
-
padding和border都不直接控制元素间的距离这是最常见的误解。padding是内容区到边框的距离，border是边框自身宽度，它们影响的是元素“内部尺寸”，而非它和兄弟或父容器之间的间距。真正控制元素间距离的是margin——外边距才是专门为此设计的。为什么用padding或border“凑”间距会出问题强行用padding或border模拟间距，会导致以下实际后果：padding会让背景色、背景图、阴影等向内延伸，视觉上可能误判可点击区域或内容边界border
-
JavaScript模块化主要靠ES6模块（ESM）和CommonJS（CJS）：ESM静态编译时解析、import/export语法、只读绑定、默认严格模式；CJS动态运行时加载、require/module.exports、对象引用、支持动态路径；二者加载时机、循环依赖处理及Node互操作方式不同，需注意兼容性与转换。
-
本文详解如何利用OwlCarousel的DOM结构特性，通过data-mole属性与CSStransform:translateX()动态控制非活动项间距，解决直接修改margin导致布局错乱的问题，并兼容缩放动画。
-
JavaScript性能优化关键在精准选用代码分割、懒加载、防抖节流：代码分割用import()动态导入生成独立chunk；懒加载图片用loading="lazy"或IntersectionObserver；防抖节流需按场景自实现。
-
Flex适合单向顺序布局（如header+main+sidebar+footer），Grid适合二维坐标布局；关键在父容器设display:flex/grid，子元素用对应属性控制，避免误用绝对定位或表格做主结构。
-
CSS多属性动画的核心在于@keyframes定义各时间点的样式状态，通过animation属性应用，实现transform、opacity等属性的同步变化，并利用百分比节点和缓动函数精确控制动画阶段；为避免性能问题，应优先使用GPU加速属性如transform和opacity，避免频繁触发布局重排，合理使用will-change，减少复杂动画叠加；除@keyframes外，transition适用于简单状态过渡，WebAnimationsAPI提供更强大的JavaScript控制能力，三者各有适用场景。
-
localStorage数据永久保存且同源标签页共享，sessionStorage仅当前标签页有效且独立；两者均受同源策略限制，仅支持字符串存储，需JSON序列化对象，且localStorage可被storage事件监听而sessionStorage不可。
