-
在SCSS中实现响应式悬浮效果应封装@media(hover:hover)and(pointer:fine)的mixin，而非依赖max-width断点；因悬停能力取决于输入设备（如鼠标/触屏），非屏幕尺寸，且需配合:active与cursor:pointer保障触摸反馈。
-
forced-colors是CSS媒体查询，检测系统是否已强制重绘页面颜色；而prefers-contrast仅表示用户偏好信号。前者反映实际生效状态，后者仅为意向，二者不可混用，应分别用于兜底强化与渐进增强。
-
FIMOHTML报告中的圆角值仅为前端CSS装饰，不可提取且不关联分析数据；应使用TSV/BED输出结合seqlogo或D3.js等工具自定义绘图。
-
overflow:hidden失效主因是父容器无明确宽高或子元素脱离文档流；需触发BFC（如display:flow-root）、避免absolute/floating、注意iOSSafari兼容性及box-sizing对可用空间的影响。
-
可通过HTML标签或CSS样式自定义网页文字效果：一、使用<font>标签设置字体名称、大小、颜色；二、利用内联style属性设置font-family、font-size、color等；三、在<head>中用<style>定义内部样式表；四、通过link引入外部CSS文件实现样式分离；五、使用@font-face引入Web字体，确保跨设备显示一致。
-
用iframe嵌入静态地图最简：直接复制GoogleMaps或高德地图分享页的iframe代码，设宽高像素值（如width="600"height="400"）；示例高德：<iframewidth="600"height="400"src="https://www.amap.com/embed?marker=116.48,39.99&zoom=14"></iframe>。
-
justify-content:space-between在flex-direction:column下失效，因需父容器有明确高度（如min-height）；卡片内底部对齐应使用margin-top:auto或grid-template-rows:auto1frauto；IE11中推荐降级为margin-top:auto。
-
真正可靠的无缝轮播必须手动克隆首尾项、用transform位移并监听transitionend事件瞬移重置，因浏览器不会自动衔接末图与首图；DOM仅含原图时切换必跳变，克隆为n-1[1]…n-1后，视口在真实段内滑动，边界重置仅需瞬间调整translateX值，无感知。
-
HTML无定位精度概念，所谓精度问题实为CSS定位在像素映射、子像素渲染、缩放或高DPI屏幕下的表现偏差；top:1.5px可能被四舍五入，推荐用transform:translateY(1.5px)或启用合成层；getBoundingClientRect()始终返回含小数的double值，需结合devicePixelRatio处理以保对齐。
-
可将AdobeCreativeCloud内容导出为HTML5：一、AnimateCC直接导出HTML5Canvas；二、Captivate默认发布HTML5课件；三、XD需插件（如Anima）生成静态HTML5；四、AE用Bodymovin导出LottieJSON动画；五、PS切片后手写HTML5语义化代码。
-
Vue的虚拟DOM树通过渲染函数深度优先遍历生成并挂载，确保父子节点按层级顺序创建与插入，满足浏览器DOM操作约束，并保障指令、响应式及生命周期的正确执行。
-
在JavaScript中设置元素的属性值可以使用setAttribute方法或直接操作元素的属性。1.使用setAttribute方法可以设置任何类型的属性，包括自定义属性，但设置的是HTML属性。2.直接操作元素的属性更直观，适用于常见属性，但无法设置自定义属性，且对某些属性效果可能不同。
-
HTML本身无polyfill概念；所谓“HTMLpolyfill”实为三类问题：语义标签需html5shiv+display:block样式、表单属性需JS模拟（如webshim）、WebComponents无可靠polyfill应降级处理。
-
移动端background-attachment:fixed失效是浏览器主动禁用策略，iOSSafari早废弃、AndroidChrome84+默认忽略；最稳妥方案是用position:fixed+独立div模拟固定背景。
-
AbortController仅提供中止信号，不支持去重和熔断；需在其上封装请求指纹标准化（URL+method+body+关键headers）、Map缓存、滑动窗口失败计数及跨请求共享的熔断状态管理。
