-
Grid嵌套高度塌陷主因是子级未继承父行高或内容脱离文档流，导致父容器无法正确计算高度；使用grid-template-rows:auto时，若子Grid无明确高度且内部布局异常，易触发塌陷；解决方法为结合clearfix创建BFC防止高度丢失，并设置子Gridheight:100%、min-height:fit-content及align-self:stretch，确保父行能感知子内容实际尺寸，双重保障避免塌陷。
-
使用JavaScript控制HTML5视频重新加载需调用load()方法。1.重设src为空再赋值原地址并调用load()可强制重新请求视频；2.在src后添加时间戳参数如?t=Date.now()使URL唯一，避免缓存；3.若仅需从头播放，可暂停并设置currentTime为0，配合load()刷新状态；4.可监听loadeddata事件确认视频加载完成。根据场景选择：更换视频用src重置，防缓存加时间戳，局部重播用currentTime。核心是修改src后调用load()触发重新加载流程。
-
JavaScript字符串是原始不可变类型，所有操作返回新字符串；replace()默认只替换首个匹配项，全局替换需/g标志；split()处理空格和连续分隔符需注意空元素；非字符串参数调用原生方法可能报错或隐式转换。
-
this指向完全取决于函数如何被调用：普通调用时非严格模式指向全局对象、严格模式为undefined；对象方法调用时指向点号左边的对象；new调用时指向新实例；call/apply/bind可显式绑定且优先级最高；箭头函数不绑定this，沿作用域链查找。
-
本文介绍一种简洁、可复用的JavaScript方法，用于遍历任意<select>元素的所有<option>，将其value属性批量更新为对应textContent，从而避免手动维护不一致的值，适用于含多个表单的复杂页面。
-
HTML5的type="password"仅实现字符遮掩，不加密、不防抓包、不验证；真正安全依赖HTTPS传输、服务端强哈希存储及前后端协同校验。
-
常见的轻量CSS框架核心特点是体积小（通常仅几KB），专注基础样式与实用工具类，无冗余组件，加载快，易定制，适合性能敏感或渐进增强项目。
-
JavaScript图片懒加载核心是按需加载，使用IntersectionObserver替代scroll监听，配合data-src与loading="lazy"，缓存DOM查询、处理加载失败并避免性能陷阱。
-
浏览器拦截非用户主动触发的弹窗是安全机制，核心因JS在无用户手势上下文（如click）时调用window.open()；必须保证手势链完整，异步回调会丢失上下文；推荐用DOM模态框替代，或预留空窗口再导航。
-
flex-wrap:wrap能解决换行问题，但需配合flex-direction:row和容器明确宽度；常见不换行原因是父容器无宽度限制、子项white-space:nowrap或内容不可折行。
-
答案：CSS中通过margin控制元素外间距，padding控制内间距，flex布局可用gap设置子元素间隔，并推荐使用box-sizing:border-box避免尺寸异常。
-
页面跳转白屏主因是关键资源加载与JS执行阻塞渲染，应通过preload预加载必用资源、拆分路由JS包、使用defer/async、内联首屏CSS及监控性能定位瓶颈。
-
直接加loop属性即可实现视频循环播放，它是HTML5原生布尔属性，存在即生效，无需赋值；需确保视频加载成功、未被pause中断、避免preload="none"影响，并注意移动端需配合muted使用autoplay。
-
首先获取关键性能指标，再通过PerformanceAPI采集数据。FP、FCP、LCP衡量渲染速度，FID反映响应延迟，TTFB评估网络性能，结合PerformanceObserver和navigation/paint类型数据实现精准监控与上报。
-
JavaScript动画核心是控制样式属性随时间变化，主要通过requestAnimationFrame或setTimeout驱动；现代开发推荐JS控制+CSS实现的组合方式，兼顾性能与可维护性。
