-
print.css未生效主因是media属性错误，必须严格写为media="print"；打印时默认禁用背景色、颜色等，需用color-adjust:exact系列声明覆盖；推荐使用pt等绝对单位而非rem/em。
-
浮点数精度问题源于十进制小数无法精确转换为二进制，导致如0.1+0.2≠0.3；可通过转整数、toFixed、误差范围或高精度库解决。
-
本文详解如何通过精准控制CSStransition属性、优化IntersectionObserver逻辑与避免background-position动画被全局过渡干扰，彻底消除移动端小屏（<670px）下视差滚动的卡顿与延迟。
-
D3.js的核心是数据驱动DOM与SVG操作，通过enter/update/exit模式、比例尺、坐标轴、形状生成器等工具实现高度定制、响应式强、性能可控的可视化；适合需深度交互、动态更新或教学研究的场景。
-
HTML安全检查进度需用JavaScript动态更新progress标签的value值，不可写死在HTML中；应锚定8–12个可自动化判定的具体项，如CSP头、formautocomplete等；前端仅负责静态结构与同源DOM检测，关键项须依赖后端API返回结果。
-
刷新HTML页面缓存可解决内容未更新问题，具体方法包括：一、强制刷新页面，按Ctrl+F5（Windows）或Cmd+Shift+R（Mac）从服务器重新加载资源；二、清除浏览器缓存，在设置中进入隐私和安全选项，选择清除浏览数据并勾选“缓存的图片和文件”，时间范围设为“所有时间”；三、使用开发者工具禁用缓存，按F12打开工具面板，切换至Network标签页并勾选“Disablecache”；四、修改URL参数触发更新，在原URL后添加?v=1等查询字符串使浏览器视为新请求；五、调整服务器响应头设置，配置C
-
box-shadow是模拟立体按钮厚度最可靠的纯CSS方案，通过多层内外阴影配合明暗与偏移制造深度感，需显式声明transition-property并兼顾:hover与:active状态。
-
用dataset存状态比class切换更可靠，可避免样式冲突、实现数据与样式解耦，并配合属性选择器和Array.filter高效筛选；需防抖、requestAnimationFrame刷新、IE兼容处理及筛选后重置滚动位置。
-
应使用<del>标签配合CSS强化样式实现删除线，避免使用已废弃的<s>；<del>语义明确且可无障碍支持，需通过CSS如del{text-decoration:line-through;color:#d32f2f;}提升视觉效果。
-
使用order属性可在Flex布局中调整子元素视觉顺序，值越小越靠前；通过grid-area与grid-template-areas可在Grid布局中定义二维区域位置，实现复杂布局重组。
-
最合理的选择是<nav>+<ol>（强时序）或<ul>（含分支），配aria-current="step"和aria-label；连接线用li:not(:last-child)>span::after实现，确保语义清晰、无障碍可用。
-
应根据适配维度选择：需按设备像素比（如Retina屏切2x图）用x描述符；需按图片在页面中的渲染宽度（如不同断点下占300px/768px）则必须用w描述符并配sizes属性。
-
安全使用env()需启用viewport-fit=cover元标签，配合calc()和max()/min()回退，优先适配top/bottom，安卓左右值不可靠，真机验证必不可少。
-
小元素在行内布局中易挤在一起，因默认inline元素受字体基线和vertical-align:baseline影响，导致垂直对齐不一致；推荐用inline-block+vertical-align或flex+gap统一控制间距。
-
用contain:layoutpaint或contain:strict可实现局部重绘，但需容器尺寸稳定、子元素不越界且浏览器支持；contain:layoutpaint最常用，strict隔离最强但要求明确尺寸和定位约束。
