-
小屏卡片错位或溢出主因是视口控制缺失与弹性容器响应边界不当，具体表现为width固定、min-width过大、flex-wrap未启用；应改用clamp()自适应宽度，配合aspect-ratio、line-clamp和contain优化性能。
-
fr单位实现等比宽度分配时，grid-template-columns:1fr1fr1fr使三列均分剩余空间；混用px与fr时，fr仅分配扣除固定宽度后的剩余空间；需设min-width:0等防止内容撑开破坏比例。
-
JSON.parse()和JSON.stringify()本身很快，但高频或大数据量时因内存分配、GC压力及主线程阻塞会导致明显卡顿；10KB以下无感，1–5MB阻塞20–100ms，超10MB易触发长任务。
-
JavaScript操作浏览器全屏需调用元素的requestFullscreen()和document的exitFullscreen()方法，1.必须由用户手势触发；2.需处理浏览器兼容性前缀；3.通过fullscreenchange事件监听状态变化；4.可封装工具函数统一管理；5.注意UI适配、样式调整及性能优化，确保良好用户体验。
-
闭包是JavaScript中函数与其词法作用域的组合，内部函数能持续访问外部函数变量，因作用域链在创建时固化且变量不被回收。
-
视频加载失败时可通过onerror事件捕获并处理，如显示备用封面、提示信息或切换备用源，结合多格式支持与路径检查可有效提升兼容性与用户体验。
-
Jest需配置Babel支持才能解析ES6/JSX，测试文件须命名规范（.test.js或__tests__目录），mock必须在import前调用，且需用jest.resetModules()和jest.clearAllMocks()清理状态。
-
通过预加载关键CSS、内联首屏动画和控制触发时机来优化页面动画表现。首先使用<linkrel="preload">提前加载核心动画文件，并通过onload转为样式表；对首屏必需动画（如按钮悬停）将CSS内联至<head>中，确保渲染前就绪；再通过JavaScript在DOM加载完成后添加动画类，避免突兀播放；最后用prefetch预取后续页面动画资源。关键是提前加载+控制触发+内联核心。
-
Grid布局通过定义网格容器和自动填充行实现列对齐，Flexbox结合多列可模拟瀑布流；关键在于使用gap、grid-auto-rows与break-inside:avoid确保视觉整齐。
-
HTMLselect不支持readonly，需用disabled加隐藏域或pointer-events:none；title仅纯文本提示且移动端无效，推荐disabled+spantitle或div模拟下拉实现只读与提示。
-
答案：大文件分片上传通过FileAPI将文件切块上传，提升稳定性和效率。前端使用slice方法分割文件，每片独立上传，后端接收存储并按序合并，最终完成完整文件传输。
-
通过合理使用:hover、:active和:focus伪类，可提升按钮组的交互体验与可访问性。首先定义基础样式，实现边框合并与统一风格；接着为悬停状态设置背景色变化，增强视觉反馈；再通过:active模拟按下效果，增加真实感；最后自定义:focus样式，确保键盘导航可用且美观。各状态独立响应，过渡自然，整体逻辑清晰，显著提升用户操作体验。
-
答案是实现主题切换功能需通过JavaScript动态控制样式资源。核心包括：1.设计类结构初始化插件，管理主题状态；2.用CSS变量或动态加载CSS实现切换；3.利用localStorage保存用户偏好；4.提供switchTo、getCurrentTheme等API便于调用，确保逻辑解耦与可维护性。
-
padding百分比始终基于父元素宽度计算，即使上下内边距也如此，例如父宽500px时，padding-top:20%等于100px，此举避免高度依赖导致的循环计算问题，确保布局稳定，常用于响应式设计中创建与宽度成比例的间距。
-
静态分析工具通过解析JavaScript代码的抽象语法树（AST），结合规则匹配、数据流分析和类型推断，在不运行程序的情况下识别潜在错误。首先利用Esprima或Babelparser将源码转化为AST，进而检查变量声明与使用是否匹配、识别死代码及作用域问题；随后通过内置规则引擎（如ESLint）扫描代码模式，禁止var、检测拼写错误、阻止eval等危险操作，并强制代码风格统一；进一步通过控制流与数据流分析，追踪变量赋值路径，发现未定义使用、空指针访问、不可达语句等问题；最后借助TypeScript或Fl
