-
使用position:sticky可使元素在滚动时吸附到视口指定位置，结合非fixed背景图实现自然滚动效果，通过半透明背景、backdrop-filter毛玻璃、阴影等样式让sticky元素与背景融合，避免父容器设置overflow:hidden以确保sticky生效，同时保证容器高度足够，最终实现导航栏等组件与页面内容协同滚动的视觉体验。
-
删除未使用CSS可提升页面性能，需用ChromeCoverage工具分析使用率，注释验证后移除，并结合Tree-shaking或组件级CSS优化。
-
可访问性友好的JavaScript核心是不干扰、可感知、可操作、可理解：使用语义化HTML元素，同步设置ARIA属性，确保键盘导航与焦点管理，用liveregion通知状态变化，响应系统辅助偏好，并全程以残障用户视角测试。
-
网页内容在不同屏幕下被压缩，根本原因是Flex项目默认flex:01auto允许缩小（shrink=1），导致空间不足时文字挤团、图片变形；应按需设置flex-grow/shrink/basis组合，并配合min-width/max-width及媒体查询实现精准响应。
-
浏览器原生打印导出PDF最简单可靠，按Ctrl+P/Cmd+P选“保存为PDF”，勾选Backgroundgraphics、设Margin为None，并确保动态内容已加载完成。
-
答案：科学设置异常检测阈值需基于历史基线动态调整错误率，参考RUM分位数设定性能指标，结合业务节奏定制关键操作监控，并定期优化阈值。
-
直接给li设置:hover即可实现仅高亮当前项，无需父元素干预或JavaScript；关键是要确保li有明确背景、完整点击区域、足够样式优先级，并可添加transition实现平滑效果。
-
采用React函数组件与Hooks：已采纳，2023年决定。背景为类组件维护难、逻辑复用差；决策选用函数组件与Hooks；理由包括更优的逻辑封装、社区趋势、团队熟悉；影响涉及更新开发规范、培训成本；替代方案含类组件继承（复杂度高）和HOC（嵌套深）。
-
grid-row跨行必须指定起始和结束行线，如2/4占第2、3行；支持命名线如a/c，span需配合起点如3/span2；单独span2由浏览器自动分配起点但不可控。
-
background-size控制背景图缩放方式：cover完全覆盖（可能裁剪）、contain全部可见（留白）、100%100%强制拉伸（易变形）、200pxauto定宽自适应；background-attachment决定滚动行为：scroll随内容、fixed相对视口、local随局部滚动；二者组合时参照系易混淆，fixed下cover按视口计算，local+100%100%在可滚动容器中会反复拉伸；优先用scroll+cover，调试启用Paintflashing；IE9+支持background
-
使用CSS原生scroll-snap属性即可实现类似TikTok/YouTubeShorts的全屏视频垂直滚动与精准吸附效果，无需JavaScript；关键在于为html元素设置scroll-snap-type:ymandatory，并为每个视频容器添加scroll-snap-align:start。
-
px是屏幕显示常用单位，1px对应设备像素，适用于网页布局；pt是印刷单位，1pt=1/72英寸，用于打印样式，基于96DPI时1pt≈1.333px。
-
HTML转PDF无法保留交互元素，主流工具生成的PDF均为静态快照；仅wkhtmltopdf支持基础AcroForm表单，pdf-lib可手动添加字段，但需坐标计算与后端解析。
-
HTML5图标显示异常可因路径错误、引用不当或字体未加载，解决方法包括：一、用iconfont类名引用；二、用Unicode字符引用；三、用img标签引用位图；四、内联SVG图标；五、预加载字体文件。
-
Node.js是运行JavaScript的服务器端环境，基于V8引擎，提供文件、网络等API；支持console.log（输出到终端）和require（CommonJS模块加载），但无浏览器API；适用于I/O密集型服务、实时应用及前端工具链。
