-
Grid子元素尺寸不一致是默认行为，需通过grid-template-rows/columns明确轨道尺寸、控制子项内部溢出、统一align-items/justify-items对齐方式，并设置grid-auto-rows/columns规范隐式轨道。
-
本文详解如何为HTML+CSS+JS实现的照片轮播器添加可逆动画方向控制，通过CSS自定义属性--direction动态驱动@keyframes，使“上一张”点击时图片从右向左滑入（即反向动画），提升用户体验一致性。
-
html5play函数根本不存在，它是对HTMLMediaElement.play()的误记或杜撰；正确做法是用URL.createObjectURL()创建临时URL并由用户手势触发play()。
-
直接套用SVG作border-image会变形，因stretch拉伸破坏虚线节奏；需拆path为四段、留空四角，用border-image-slice:20fill并确保viewBox匹配border-width，禁用stroke-linecap:round，且border-radius≤border-width/2。
-
RxJS通过Observable实现函数式响应编程，利用观察者模式处理异步事件流。1.Observable作为数据源，可被Observer订阅，支持next、error、complete回调；2.操作符如map、filter、debounceTime等提供链式调用的函数式变换，生成新流而不改变原流；3.广泛应用于表单防抖、路由监听、HTTP请求串联等场景，提升异步逻辑的可读与可维护性。
-
实现链式调用的核心是每个方法返回this，使后续方法可连续调用；需注意终端方法（如getValue）返回实际值，异步方法需配合Promise，且非所有方法都适合返回this。
-
答案：动态加载通过import()实现按需加载，提升性能。利用ES模块的import()函数可异步加载代码，结合构建工具实现懒加载与代码分割，解决首屏加载慢、资源浪费等问题，适用于路由级或功能级模块拆分，同时需注意错误处理、缓存策略、依赖管理及SSR兼容性，避免过度拆分导致请求过多，确保应用性能与用户体验平衡。
-
使用::before伪元素可独立控制图标大小，避免影响文本。通过定位与字体隔离，实现样式分离，提升布局灵活性与可维护性。
-
sticky定位不生效最常见的原因是父容器未设置非visible的overflow属性或高度不足，导致无法形成滚动上下文；它依赖最近的有滚动行为的祖先容器而非视口，且必须配合top/bottom等偏移值才能生效。
-
Map强引用键对象，阻止垃圾回收，可能导致内存泄漏；2.WeakMap弱引用对象键，允许垃圾回收，适合关联私有数据或缓存，避免内存泄漏。
