-
HTMLHint专用于纯HTML静态分析，能检测doctype位置、标签配对、alt属性缺失、ID唯一性等ESLint及其插件无法覆盖的HTML专属问题。
-
DevTools内置ColorPicker可直接测文本对比度，点击Styles中color旁色块即可查看“Contrastratio”数值（如4.49），✓表示≥4.5达标；但仅适用于纯色背景，不支持渐变、图片、rgba叠加、伪元素及disabled状态等复杂场景。
-
Highlight不能直接调用add()，因其是抽象基类；应使用document.highlightRegistry.set(name,highlight)注册高亮，name需与::highlight(name)完全匹配，且仅Chromium120+支持。
-
微信红包金额分配必须由服务端完成，前端JavaScript生成随机数不可信，易被篡改导致资损；服务端应使用安全随机源（如SecureRandom）并采用线段切割法等可靠算法，确保每人≥0.01元、总额精确无浮点误差。
-
推荐用iframe替代object嵌入PDF，因其专为文档嵌入设计、不依赖type属性、支持全屏和手势缩放；object因浏览器兼容性差、易白屏或跳转系统应用，仅限可控环境且满足fallback等特定条件时使用。
-
fr单位本身无精度舍入问题，其“不准”源于与百分比混用、Sass中percentage()函数输出误差、父容器非整数像素导致的sub-pixel累积误差；唯一需用百分比的场景是固定比例列（如25%侧边栏）配合calc()实现runtime精确计算。
-
<object>的type属性仅作提示，不控制解析；实际MIME类型由HTTPContent-Type响应头或内联方式（如<svg>、dataURL）决定，本地file://协议下因无响应头而默认为text/plain。
-
水印通过全局挂载DOM容器+路由meta控制显隐与内容，Canvas绘制并设为background-image，定时校验防破坏，响应式适配多场景。
-
答案：纯CSS可实现悬浮提示文本功能，通过:hover伪类和::after伪元素生成提示框。首先设置元素相对定位，利用data-tooltip属性存储提示内容，伪元素通过content:attr()获取文本，初始隐藏（visibility:hidden，opacity:0），悬停时显示（visibility:visible，opacity:1），并添加过渡动画。可扩展三角箭头、多方向定位、换行控制等优化。关键在于定位与显隐控制逻辑。
-
text-overflow:ellipsis需配合overflow:hidden和white-space:nowrap才生效；单行截断用.single-line-ellipsis()，多行截断推荐-webkit-box方案并封装.multi-line-ellipsis(@lines)；字体动态缩放时line-clamp易失效，建议JS动态适配。
-
<p>必须用时间戳计算天数差再分组：Math.floor((Date.now()-notifyTime)/86400000)得整数天差，按0/1/≥2分为today/yesterday/older；统一后端返回ISO或毫秒时间戳，渲染时先分组再遍历keys避免标题重复。</p>
-
grid-template-columns用于定义网格列宽，支持固定单位（如px）、弹性单位（fr）、auto、minmax()和repeat()函数，可灵活实现等分、不等比、响应式及重复模式布局，关键在于理解各值的空间分配机制。
-
先查all.min.css是否200加载、类名是否匹配v6规范（如fasfa-house）、link标签是否置于head顶部；本地字体404需确保CSS中url路径相对于CSS文件位置，且woff2请求状态码为200。
-
IntersectionObserver是当前最稳妥、性能最好的曝光统计方案，但需显式指定root容器、合理设置rootMargin和threshold数组、按需注册监听、及时销毁实例，并结合时间阈值判断有效曝光。
-
<p>Symbol.iterator是内置符号，用于定义对象的默认迭代行为。通过实现[Symbol.iterator]()方法并返回符合迭代器协议的对象（具有next()方法，返回{value,done}），可使对象支持for...of、扩展运算符等语法。常用生成器函数简化实现，如[Symbol.iterator](){yield*iterable;}。该方法让类数组或自定义结构能被原生迭代操作使用。</p>
