-
<p>HTML注释正确写法是<!--注释内容-->，浏览器完全忽略其内容；常见错误包括漏结尾、嵌套注释、位置不当及含--或>；适合模块分隔、临时禁用代码、标记TODO；不适合script/style内、属性中或藏敏感信息。</p>
-
必须设置content属性，否则::before不渲染；需配合display、font-family等确保图标正确显示、对齐与适配。
-
01.通过浏览器“另存为”可保存网页HTML及资源；02.手动复制源码并粘贴到编辑器中保存为.html文件；03.使用开发者工具复制完整DOM结构以获取动态内容，适用于JavaScript生成的页面。
-
BEM与scoped分工协作：BEM规范命名意图，scoped控制作用域边界；合用可防样式污染，但需规避动态类名未声明、穿透无容器等误用。
-
TreeShaking是打包阶段静态分析ESModule的import/export，仅移除未被引用的具名导出；对defaultexport、CommonJS、动态语法及有副作用代码无效，需配合ESM格式与正确配置。
-
微前端中虽无内置IoC容器，但主应用可构建轻量级IoC作为跨子应用服务中枢，实现统一注册、按需注入与生命周期协同，核心在于以契约先行、面向抽象编程，通过沙箱隔离与容器中转治理跨应用依赖。
-
应按用途语义化封装@mixin，如flex-row-center，而非通用参数化写法；需避免参数顺序错误、默认值干扰、意图不明确等问题，子项mixin须带-item-后缀，注意IE兼容与编译体积。
-
SystemJS是一个动态模块加载器，支持在浏览器中按需加载ES6模块、CommonJS、AMD等格式，适用于不完全支持原生ES模块的环境。它通过System.import()方法实现动态导入，返回Promise，可结合配置映射模块路径，类似Node.js解析机制，常用于微前端或原型开发；现代浏览器推荐使用原生import()替代。
-
with语句在严格模式下被完全禁用，非严格模式下已被主流引擎废弃，绝不该在新代码中使用；它破坏作用域透明性、阻碍静态分析、导致变量引用不可预测，并引发难以调试的错误。
-
translateX动画不丝滑是因未触发GPU合成层：需加transform:translateZ(0)、避免opacity混用、overflow:hidden等降级操作，并用requestAnimationFrame优化touch拖拽，关闭后清空transform并设display:none防点击穿透。
-
HTML离线跳转空白主因是ServiceWorker未针对destination==='document'请求单独拦截并返回缓存的index.html；SPA需统一fallback至index.html，且HTML与JS资源必须同步缓存、版本一致，并启用skipWaiting()和clients.claim()确保SW及时生效。
-
HTML5响应式布局核心是@media媒体查询配合viewportmeta标签、相对单位和Flex/Grid布局。必须写对<metaname="viewport"content="width=device-width,initial-scale=1.0">，断点按内容而非设备设定，容器用%或max-width，字体用rem/em，图片设max-width:100%，优先使用flexbox和grid。
-
:focus-visible比:focus更合适，因为它仅在真实键盘导航时激活蓝框，避免鼠标点击等场景的干扰，保障键盘用户定位当前焦点。生效需两个前提：禁用全局outline重置且显式声明outline样式；还需兼顾Safari兼容性、暗色模式及高对比度适配。
-
静默归并通过闭包缓存Promise实现请求合并：用参数序列化为key，命中则复用已settled的Promise，未命中才发起新请求；所有调用共享最终结果，不重复请求、不报错、不中断。
-
Proxy响应式核心是通过get/set拦截实现依赖收集与更新触发：读取时自动记录副作用函数为订阅者，写入时精准通知相关更新，并配合effect/trigger构建闭环，支持嵌套路径与数组边界处理。
