-
HTML证书模板需用绝对定位或Grid/Flex精确定位字段，禁用流式布局；变量用{{name}}占位并包裹于带class标签；字体图片须本地化；适配viewport与@mediaprint；确保多端导出对齐一致。
-
前端消息已读状态必须以服务端为准，data-read属性驱动UI，localStorage仅作轻量缓存，左滑需touch事件+阈值判断，禁止依赖DOMclass或本地存储作为唯一状态源。
-
使用JavaScript检测内存泄漏可以通过ChromeDevTools和Memlab等工具实现。1.使用ChromeDevTools的Memory标签页拍摄HeapSnapshot，比较不同时间点的快照，识别未及时回收的对象。2.使用Memlab通过模拟用户行为自动化检测潜在泄漏。结合工具和最佳实践，如理解引用机制和使用弱引用，可以有效检测和避免内存泄漏。
-
答案：JavaScript与ARIA结合可提升Web无障碍访问。通过动态更新aria-expanded、aria-hidden等属性，配合focus管理与键盘导航，确保模态框、下拉菜单等组件对屏幕阅读器可用，避免冗余标注与状态不同步问题。
-
直接写vw或rem在CSS-in-JS中易出错，因库默认为数字值自动添加px单位；须显式传字符串（如"16vw"）或使用clamp()等原生方案确保单位生效。
-
要实现圆角平滑过渡，需正确设置transition属性，如transition:border-radius0.3sease；确保起始和结束值均为可计算的具体数值（如px或%），避免使用auto；统一单位减少计算误差；可结合transform（如scale）增强动画感知；并检查overflow、box-shadow等是否影响渲染。示例：.box:hover{border-radius:50%;transform:scale(1.02);}配合过渡属性提升视觉效果。
-
HTML本身不提供手势识别能力，所有手势逻辑均需JavaScript基于touchstart/touchmove/touchend事件手动实现，通过坐标差值、时间阈值和preventDefault()控制判断滑动等行为。
-
可访问性设计不仅是合规要求，更是包容性责任。它通过语义化HTML、替代文本、键盘操作、色彩对比、表单标签、合理使用ARIA等手段，确保残障人士平等获取信息；同时提升SEO和用户体验，扩大用户群。常见误区包括滥用div、无效alt文本、焦点混乱、颜色对比不足、ARIA误用。应从设计阶段融入可访问性，结合自动化工具与人工测试，并持续学习迭代，使其成为开发常态。
-
浮动已基本被淘汰，动态修改float值会触发重排导致卡顿；应改用visibility/opacity隐藏、transform位移、Flex/Grid对齐，并用flow-root替代clearfix，配合DevTools定位重排区域。
-
BEM要求Block必须是独立、可复用、带业务语义的功能单元（如user-profile），禁用泛标签名（header）或视觉描述名（top-banner）；Element命名不回溯父级（user-profile__name，非user-profile__user-profile-name）；Modifier须语义化（--primary，非--white）。
-
Webpack中控制CSS引入路径的关键是编译期决定模块引入，而非运行时判断；正确做法是在配置中通过环境变量选择entry或rules，或用DefinePlugin注入后在JS中用动态import()按需加载。
-
HTML弹窗被拦截时浏览器静默失效，不抛错、不返回失败值、不触发回调；需在用户手势上下文（如click事件）中同步调用window.open()，或采用预留窗口（'about:blank'）再导航的合规方案。
-
漏了user-scalable=no会导致浏览器允许缩放，双击或手势后残留放大态，小数像素渲染误差使Grid边缘错位出白边；应补上该参数或改用maximum-scale=1.0并配合body{margin:0}、minmax()等精度控制。
-
<noscript>对新HTML标签无效，因其仅响应JS禁用而非浏览器不支持；应使用特性检测（如typeofHTMLDialogElement）配合动态降级或轻量polyfill。
-
Sass嵌套不提升优先级，但易生成高权重选择器；关键在意识嵌套生成的CSS结构。&代表上层完整选择器字符串，空格决定后代或拼接，@at-root(with:media)防权重抬升，%占位符替代深层继承降权。
