-
iOSSafari中video底部留白是因默认inline渲染及vertical-align导致，最简修复为设置display:block；需配合object-fit实现响应式缩放，并注意autoplay/muted的iOS限制。
-
解决CSS框架样式冲突需从作用域隔离与模块化入手。1.使用CSS模块将类名局部化，确保唯一性，避免全局污染；2.采用BEM命名法，通过语义化前缀减少类名重复；3.按需引入框架样式，利用Sass拆分或工具剔除未用样式，降低全局影响；4.在WebComponents或Vue中使用ShadowDOM与scoped样式实现真正隔离。核心是控制全局样式的侵入性，早规划样式架构可显著降低后期维护成本。
-
HTML实现文件下载主要依赖<a>标签的download属性，当同源时可强制下载并指定文件名；2.跨域下载时download属性常失效，需依赖服务器的Content-Disposition响应头；3.动态文件下载可通过JavaScript创建BlobURL并结合<a>标签实现；4.常见问题包括跨域限制、大文件无进度提示、文件名乱码、浏览器兼容性及安全风险，均需通过前后端协作解决；5.最终解决方案应根据场景选择前端download属性、服务器响应头控制或JavaScript动态生成下
-
用fr单位是解决CSSGrid列宽不均匀最直接有效的方式，它按比例分配可用空间，不依赖内容长度或固定像素值；常见原因包括混合单位、内容撑开、box-sizing未设为border-box或Flexbox中误用flex-basis。
-
clamp()函数通过min、preferred、max三值实现字体自适应，如font-size:clamp(16px,4vw,32px)可让字体在16px至32px间随视口动态调整，结合px与vw单位确保可读性与响应式布局，适用于正文、标题等场景，并支持fallback降级以兼容旧浏览器。
-
JavaScript中链表和二叉树均通过对象引用实现：链表节点含val和next，树节点含val、left、right；二者均为非连续引用结构，链表线性单后继，树非线性多子节点，均适合递归操作。
-
JavaScript是网页的“行动力”来源，负责交互响应、动态更新内容、控制页面元素、与服务器交换数据、构建前端应用，并借助Node.js等拓展至服务端与桌面端。
-
JavaScript异步是解决单线程阻塞的关键机制，通过将耗时任务交由浏览器底层处理，主线程继续执行后续代码，并借助回调、Promise或await返回结果，确保页面响应性与并发能力。
-
HTML导航跳转主要通过a标签实现，1.页面间跳转使用href属性指定目标路径；2.页面内锚点跳转通过#加id定位；3.外部链接可添加target="_blank"在新窗口打开；4.返回顶部利用锚点指向页面顶部id，配合正确路径和id设置即可实现各类跳转。
-
JavaScript中this在函数调用时动态确定，指向执行上下文的“所有者”对象；普通调用非严格模式下指向全局对象，严格模式下为undefined；对象方法调用时指向该对象；call/apply/bind可显式绑定；箭头函数无this，继承外层普通函数作用域的this；构造函数和class中this指向新实例。
-
Grid布局与浮动混用必然出问题，因Grid容器内float无效，而兄弟或嵌套浮动会干扰文档流，导致错位、塌陷；应分离职责：Grid管整体结构，浮动仅限隔离的局部上下文。
-
浏览器无法直接加载SCSS，必须先编译为CSS再通过link标签引入；推荐使用sass--watch实时编译，并确保HTML中href路径与输出CSS位置一致，构建工具如Vite可自动处理无需手动写link。
-
JavaScriptmock核心是拦截真实请求而非造假对象，分三类：全局重写fetch/XMLHttpRequest（开发调试）、msw基于ServiceWorker（推荐测试+开发）、axiosadapter（仅限axios项目），关键要保持mock与真实接口同步。
-
用flex布局配合align-items可解决标题和图文错位问题：先给共同父容器设display:flex，再用align-items:center等值控制垂直对齐，同时重置标题margin和line-height以确保一致性。
-
Jest适合React项目快速上手，Mocha适合需自定义配置的场景，Vitest则为Vite项目提供极速体验。
