-
HTML文件需先格式化再diff，否则90%差异为格式噪音；推荐tidy或prettier标准化，浏览器端用diff2html可视化，语义级对比须用lxml或html5lib解析DOM树。
-
不能仅靠单一viewportmeta标签禁止缩放，需组合viewport设置（width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no）、JS拦截手势事件、以及表单控件font-size≥16px三重防御。
-
closed模式无法实现真正封装，仅使shadowRoot返回null，却无法阻止调试工具查看、测试框架访问或无障碍检测，且易引发逻辑错乱；可靠封装需依赖open模式下的样式隔离、事件边界与slot分发等主动设计。
-
粒子爆炸需用JS随机生成极坐标（角度+半径）并转为translate值，CSS动画控制终点状态，配合will-change和图层提升防卡顿，禁用filter:blur保障性能。
-
<metahttp-equiv="refresh">通过content属性实现页面定时刷新，格式为“秒数;url=地址”，秒数为正整数，url省略时默认刷新当前页，不依赖JS，但会丢失状态且不推荐用于生产环境。
-
统一SVG图标颜色首选CSSfilter（适合单色快速上色）和mask（支持多色/渐变/精准控制），两者均无需修改HTML；filter适用于纯黑/白图标，mask需配合background-color与SVG掩码，兼顾hover与描边场景。
-
JavaScript中原型链继承与ES6类继承底层均基于原型，但类继承通过extends和super提供更清晰语法，自动处理原型链接与静态属性继承，减少错误，提升可读性。
-
推荐本地化FontAwesome并用CSS类语义化管理图标，通过::before+content绑定Unicode值，确保font-family和font-weight匹配字体文件，避免CDN不稳定及HTML硬编码问题。
-
异步组件配合Suspense的核心用法是用defineAsyncComponent定义组件并用<Suspense>包裹，通过#default和#fallback插槽分别控制加载完成与加载中UI；骨架屏应结构一致、轻量静态，Suspense自动聚合子组件所有异步依赖。
-
Materialize通过卡片、按钮波纹、导航组件和浮动标签表单，将MaterialDesign的层级、反馈、布局与动效转化为易用的CSS和JS组件，帮助开发者快速构建符合规范的界面。
-
JavaScript移动端性能优化核心是减少主线程阻塞、降低内存占用、适配弱网与低端设备，重点包括控制JS执行时间≤16ms、懒加载、TreeShaking、passive事件、RAF节流、及时清理资源及使用WeakMap等。
-
Docusaurus不解析纯HTML文件，需将HTML重写为MDX：静态内容转Markdown，内联样式改用注释或CSS类，JS行为替换为官方插件或组件，链接改为相对路径.md，资源移至static/并更新引用路径，导航与多语言需配置驱动。
-
line-clamp不生效主因是父容器未满足-webkit-box布局前提，须同时设display:-webkit-box、-webkit-line-clamp和-webkit-box-orient:vertical，且仅对块级元素有效，Firefox118+才支持无前缀语法。
-
HTML测试需分层验证语法、结构、语义、行为与可访问性，须组合W3C校验器（粘贴代码更准）、HTMLHint（需正确配置）、ChromeDevTools（查真实DOM）、Lighthouse（验lang等标准）等工具协同判断。
-
video标签的poster属性能显示封面，但仅在视频未加载或未播放时作为占位图生效，加载元数据后自动消失；需用合法图片路径，不支持base64；加载失败无原生兜底，须JS监听error或用img模拟封面层。
