-
图片行内垂直居中困难源于vertical-align:baseline，默认使图片底部对齐文字基线；推荐用display:inline-block+vertical-align:middle，并配合显式设置父元素line-height以确保效果稳定。
-
使用CSS和JavaScript可实现滚动动画。1.position:sticky让元素滚动时固定位置，适合导航栏；2.结合CSStransition与JavaScript监听scroll事件，元素进入视口时添加类名实现滑入效果；3.使用IntersectionObserverAPI高效检测元素可见性，推荐用于多元素依次动画；4.通过JavaScript实时计算scrollTop并应用transform，可实现视差等复杂动效。性能优化建议：避免频繁DOM操作，优先使用IntersectionObserve
-
scope属性在HTML表格中的核心作用是提升可访问性，通过明确表头单元格与数据单元格之间的关联，帮助屏幕阅读器用户理解表格结构。1.scope="col"表示该表头是所在列的标题；2.scope="row"表示该表头是所在行的标题；3.它为屏幕阅读器建立虚拟表格模型，使其能准确读出数据单元格对应的行列信息；4.在复杂表格中可使用headers与id组合或aria-labelledby等替代方案；5.其他最佳实践包括使用<caption>、正确划分<
-
在Firefox中，为新插入DOM的元素添加CSStransition时，单纯依赖setTimeout或requestAnimationFrame往往无法稳定触发动画；使用WebAnimationsAPI的element.animate()方法可绕过渲染时机问题，实现可靠、零延迟、跨浏览器兼容的过渡效果。
-
答案是处理JavaScript日期时应理解Date对象基于UTC毫秒数但显示受本地时区影响，避免依赖字符串解析，推荐使用参数构造或ISO8601带时区格式，统一用getTime()获取时间戳；展示多时区时间应使用Intl.DateTimeFormat指定timeZone，支持IANA时区名并处理夏令时；性能优化需缓存格式化结果、复用formatter实例、优先使用时间戳运算；替代moment.js可选date-fns或dayjs，复杂时区场景用luxon，核心在于准确区分本地与UTC时间，合理使用标准AP
-
应按基础层、组件层、布局层、主题层四层组织CSS结构，分别对应base.css、components.css、layout.css、theme.css，配合@layer分层或命名空间前缀控制作用域，变量需语义化并全程中转，class命名重业务语义轻语法规范。
-
选择REM结合视口单位因兼具JS动态控制与CSS原生缩放优势，避免纯方案缺陷。通过JavaScript设置html的font-size实现REM基准，利用calc()混合单位提升自适应性，用预处理器或四舍五入减少精度误差，配合Flexbox增强布局响应能力，对旧浏览器可降级处理。
-
JavaScript通过HistoryAPI实现无刷新导航：用pushState/replaceState修改URL并存状态，popstate监听后退/前进事件恢复状态，back/forward控制跳转，state需同源且可序列化。
-
fr单位与百分比混合使用时，百分比先按容器尺寸占位，fr再分配剩余空间。例如600px容器中设40%和1fr，则第一列240px，第二列360px；若设30%、2fr、1fr，则第一列180px，剩余420px按2:1分，得280px和140px。注意避免100%与fr共存，以防fr失效，推荐主内容用fr、侧边栏用固定或百分比宽度，确保响应式兼容。
-
选择合适工具如Terser，编写模块化、扁平化代码，启用drop_console等高级选项，并将压缩整合进Webpack构建流程，结合tree-shaking与CDN优化，持续提升加载与运行效率。
-
函数式编程在JavaScript中强调纯函数、不可变数据和高阶函数，而非彻底抛弃命令式；核心是将函数作为一等公民，通过map/filter/reduce等实现可预测、易组合、低副作用的逻辑。
-
使用HTML5的video标签是网页播放视频最简单且兼容性好的方式，无需插件，通过controls属性显示控制条，source标签指定MP4和WebM等多格式视频以适配不同浏览器，结合autoplay、muted、loop等属性可自定义播放行为，确保现代浏览器下稳定高效运行。
-
JavaScript原型链是对象查找属性时实际遵循的隐式[[Prototype]]引用路径，从对象开始逐级向上直至null；class继承和ES5手动继承均依赖此机制实现方法共享与实例属性继承。
-
Map和Set的核心价值是键可为任意类型及自动去重；Map键支持对象、函数、NaN等，保证插入顺序且size为属性；Set基于SameValueZero去重，对NaN正确处理，has查找为O(1)。
-
通过Float与伪元素结合，利用padding-bottom和负margin-bottom使浮动列视觉等高，并用::after清除浮动防止塌陷，适用于兼容旧浏览器的布局。
