-
CommonJS与ESM通过文件扩展名、package.json配置、运行时支持及构建工具实现共存。Node.js用.js、.mjs、.cjs区分模块系统，package.json的"type"字段声明默认模块格式，ESM可动态导入CommonJS，CommonJS可通过import()加载ESM，Babel等工具支持双向转换，npm包常同时提供ESM和CommonJS版本，确保兼容性，两者长期并存。
-
必须先解决跨域限制、设备像素比适配和加载时机问题，再通过加权聚类分析像素，跳过低alpha及灰阶色，最后用CSS变量或动态style标签更新主题色。
-
用grid-template-columns配合minmax()和auto-fit可替代float实现多列响应式，无需媒体查询、天然等高、源顺序独立；float本质是文本绕排，强行布局导致塌陷、断点繁琐、无法对齐等问题。
-
<p>LookerStudio自定义HTML组件不支持任何HTML注释（包括<!---->及条件注释），唯一稳定方案是用<spanstyle="display:none">占位存放说明文字，并将逻辑注释写入<script>块内。</p>
-
JavaScript地理定位API必须经用户明确授权才能使用，首次调用前可用permission.query()检查状态，需在用户触发相关功能时说明用途并请求权限，拒绝后应提供手动输入等降级方案，且位置数据须遵循最小必要原则处理。
-
Flexbox布局的核心优势在于简化对齐与空间分配，特别是通过display:flex、flex-direction和justify-content等属性协同实现灵活的元素排列；它能轻松实现垂直居中、响应式换行及主轴空间均匀分布，减少媒体查询依赖，提升开发效率与可维护性。
-
BEM的block__element--modifier结构不可随意更改，因其绑定CSS权重与可维护性，确保样式作用域清晰、避免覆盖；block必须是独立功能单元，element不可嵌套，modifier仅描述状态或变体。
-
答案：通过CSS路径选择器结合a标签伪类，按LVHA顺序定义link、visited、hover、active状态，并利用后代、子等选择器实现导航、页脚等不同区域链接的精细化样式控制，同时确保focus状态和可访问性。
-
<br>不该滥用但该用时必须用，仅用于地址、诗歌、歌词等自然语言需换行的语义场景；多数换行需求应由CSS（如display、margin、flex）解决，避免破坏无障碍与响应式。
-
闭包是函数与其词法作用域的组合，能访问并记住外部变量。例如inner函数引用outer的count，即使outer执行完，count仍被保留。关键特性：作用域链机制使内部函数可访问外层变量；变量不被垃圾回收；每个闭包独立持有外部变量副本。应用场景包括模拟私有变量、回调中保存状态、函数柯里化和模块模式。问题有内存泄漏风险及循环中共享变量陷阱，如用var循环创建闭包会输出相同值，改用let可解决。理解闭包需掌握作用域链与变量生命周期，通过实践加深认知。
-
响应式状态深度监听的关键是避免无效监听、控制更新粒度、确保变化可追溯；Vue3默认深层响应，但需通过computed+toRaw、shallowRef+triggerRef、watch合理配置及结构化Store设计来实现精准响应。
-
双击HTML文件无反应，首要检查浏览器是否设为默认打开程序；其次路径含中文或空格会导致Chrome/Edge加载失败，需改用纯英文路径；此外本地缓存易致预览旧内容，应强制刷新或使用LiveServer；移动端则因系统限制无法直接打开，须借助专用App或本地HTTP服务。
-
用语义化HTML（section/article/figure）+CSSGrid（auto-fill/minmax）实现响应式商品列表，配合viewport、alt、aria属性保障可访问性与移动端适配。
-
Normalize.css必须在所有自定义CSS之前加载，否则其统一样式会被覆盖而失效；它不是兜底方案而是样式基线，错误顺序会导致button边框残留、h1大小不一、input对齐错位等问题。
-
WebLocksAPI通过资源维度唯一锁名协调多标签页对共享状态的原子访问，所有读-改-写操作须在锁回调内完成并返回Promise，不支持环境需服务端幂等或前端提示降级。
