fr单位与百分比混合使用时，百分比先按容器尺寸占位，fr再分配剩余空间。例如600px容器中设40%和1fr，则第一列240px，第二列360px；若设30%、2fr、1fr，则第一列180px，剩余420px按2:1分，得280px和140px。注意避免100%与fr共存，以防fr失效，推荐主内容用fr、侧边栏用固定或百分比宽度，确保响应式兼容。

JavaScript惰性加载本质是按需加载，核心策略包括：用IntersectionObserver实现可视区懒加载、dynamicimport()实现代码分割、loading="lazy"等原生属性及事件委托等技巧，配合性能优化实践提升首屏速度。

Sentry是一个开源错误监控工具，通过SDK捕获JavaScript运行时错误、Promise异常、资源加载失败等问题，支持自动上报和手动捕获异常，结合sourcemap、release版本、用户信息和性能监控，提升前端异常的可见性与排查效率。

ES6（ECMAScript2015）是JavaScript根本性升级，赋予其构建大型工程的能力：引入let/const实现块级作用域；箭头函数解决this绑定问题，Promise规范异步流程；解构赋值与模块系统提升代码组织性；Class、模板字符串、默认参数、Map/Set/Symbol等补齐企业级开发短板。

:target是CSS伪类，用于选中URL片段标识符对应的元素。结合::before可在锚点跳转时插入提示内容，如“?您正在查看这里”，通过高亮样式提供视觉反馈。示例中，.highlight:target::before添加醒目提示块，增强单页或FAQ页面的定位体验。需注意布局影响、可访问性及旧版IE不兼容问题。

设置元素背景颜色使用CSS的background-color属性，适用于div、p等元素，颜色值可选名称、十六进制、RGB、RGBA、HSL或HSLA格式，需注意对比度与透明度影响，支持inherit继承父级背景色。

target属性控制链接打开的浏览上下文而非创建新窗口；常用值包括_self、_blank（需配rel="noopenernoreferrer"防安全风险）、_parent、_top及自定义名（复用或新建）；移动端WebView可能禁用_target="_blank"_需配置或降级处理。

子元素突破父容器通常因尺寸超限、绝对定位、内边距或边框导致盒模型溢出，可通过设置overflow:hidden裁剪溢出内容，但需注意隐藏阴影等副作用，建议结合box-sizing、max-width和Flex/Grid布局优化结构。

轮播图核心是定时切换、手动控制与循环播放，关键在逻辑稳定与边界处理准确；需管理currentIndex、imgList等状态，用取模实现循环，通过showImage统一控制显隐，并处理自动播放暂停、防抖及多端交互。

使用Flexbox实现div在视口内绝对居中，只需将body设为flex容器并设置justify-content和align-items为center，同时确保其高度为100vh并清除默认margin。

preparation阶段是Node.js事件循环中poll阶段前的内部准备步骤，其主要作用是为I/O轮询做前置处理。1.它检查并调整libuv内部状态，确保文件描述符和数据结构正确；2.计算poll阶段的阻塞时间，依据定时器和setImmediate队列决定等待时长；3.处理内部非用户层面的事件或状态转换，以优化poll阶段执行效率。该阶段不执行用户代码，因此在日常开发中几乎不可见，且不在官方文档中详细说明。它紧密服务于poll阶段，影响其超时设置，并在整个事件循环流程中起到承上启下的作用，确保各阶段高

<link>标签顺序决定CSS覆盖优先级，后加载的样式覆盖先加载的同名规则；自定义样式应置于第三方库之后，避免动态插入覆盖，并通过开发者工具排查具体覆盖来源。

响应式布局中首选display切换控制显隐，推荐移动优先默认设display:none，大屏断点设为block；注意display:none会移除渲染流且影响可访问性，慎用于交互控件，可辅以visibility、opacity或工具类提升灵活性与可维护性。

真要模仿网页需拆解+隔离+验证：用开发者工具提取真实DOM结构与类名，注意哈希后缀和框架标记；用getComputedStyle获取渲染后样式；校准资源路径、字体及SVG引用；还原JS动态生成内容；像素级对比细节。

Flexbox容器内文字不会自动随容器缩放，必须通过clamp()配合容器查询或ResizeObserver实现响应式字号。