-
能做，但外层必须设position:relative且有明确宽高（如width:300px或100%且父级有宽），否则内层absolute的width百分比无效；推荐width+background-color方案，兼顾兼容性与性能。
-
JavaScript动画核心是requestAnimationFrame驱动、CSS控制视觉、数值插值决定中间态；因setTimeout/setInterval不同步刷新、无法暂停优化，易掉帧卡顿。
-
loading="lazy"仅对初始HTML中存在且不在首屏视口内的<img>生效；动态渲染、overflow:hidden父容器、<source>标签、srcset/sizes配置错误或首屏关键图误用均会导致静默失效。
-
根本原因是父容器宽度被超宽子元素撑开，overflow:hidden仅隐藏溢出内容而不约束布局宽度；须同时触发BFC并限制子元素横向扩张（如max-width:100%、overflow-wrap:break-word）。
-
流式排版系统核心是线性内插而非clamp()，因后者仅支持两值线性映射且无法参与Sass编译期运算；interpolate()函数需处理单位一致、边界截断及无单位转换以适配Sassy-Gridlover等工具。
-
:last-child在多列布局中失效，因其匹配父容器最后一个子元素而非每行末尾；应改用:nth-child(3n)清除每行最右列右边距，或Grid的gap属性、Flex的justify-content等更可靠方案。
-
轮播图自动播放停不下来是因为未保存定时器ID，需用变量存储并清除；requestAnimationFrame比setTimeout更平滑；避免display:none导致闪屏；移动端滑动需精准阻止默认行为。
-
HTML5无需安装，浏览器卡顿源于video/audio标签的性能问题；应合理设置preload属性、确保H.264+AAC编码兼容、避免无交互autoplay、改用requestVideoFrameCallback优化监控。
-
真正提升SEO和可访问性的语义标签极少，仅<nav>、<main>、<header>、<footer>、<article>、<time>等少数被搜索引擎和屏幕阅读器实质性识别；滥用如无标题的<section>或误用<article>反而破坏结构。
-
Less中需用Mixin统一配置word-break和overflow-wrap：先写overflow-wrap:break-word，再加word-break:break-word兜底旧版Chrome，IE11需显式声明word-wrap:break-word；父容器必须设width/max-width才生效。
-
答案：使用Flexbox居中需根据主轴方向正确设置align-items和justify-content。当flex-direction为row时，justify-content控制水平居中，align-items控制垂直居中；改为column时，主轴变为垂直方向，justify-content控制垂直居中，align-items控制水平居中，通过调整两属性可实现任意居中布局。
-
Retainers树是定位V8堆快照泄漏源最高效方式，它揭示“谁持有该对象引用”而非仅内存占用；Dominators则显示“谁占内存最多”，适用于找大对象而非查泄漏。
-
接口在TypeScript中用于定义对象的形状、实现类型检查和代码复用。与类型别名的区别在于：1.声明方式不同，接口用interface，类型别名用type；2.扩展能力不同，接口用extends继承，类型别名用交叉类型&；3.声明合并不同，接口可合并，类型别名不可重复声明。接口还可定义函数类型，如StringProcessor接口规范函数签名。在面向对象编程中，接口可定义类的行为规范，如Animal接口实现多态。接口也可与泛型结合，如Container<T>定义通用容器。
-
Flexbox适合一维布局，如导航栏和居中对齐；Grid适用于二维复杂结构，如仪表盘；Float已过时，仅用于兼容旧项目。新项目应优先选用Flexbox和Grid。
-
动态权重限流是根据业务维度动态赋予权重并实时调控的限流机制。它基于用户等级、场景ID等维度计算权重，结合双层滑动窗口统计加权吞吐量，通过可插拔策略引擎（如权重占比截断法）实现准入控制、异步排队与降级兜底，并支持监控告警、前后端协同及离线保底。
