-
需用JavaScript模拟fixed：父页面通过postMessage发送滚动值，iframe内用requestAnimationFrame将元素设为absolute并动态计算top=视口距顶距离−父scrollTop。
-
CSSGrid布局通过定义容器、行列尺寸、网格线定位、隐式轨道和区域命名实现复杂二维布局。1、设置display:grid启用布局；2、用grid-template-columns/rows定义列宽行高，支持repeat()函数；3、通过grid-column/row-start/end或简写属性按网格线定位项目；4、超出范围时由grid-auto-rows/columns和grid-auto-flow控制隐式轨道；5、使用grid-template-areas命名区域并结合grid-area分配子元素，
-
使用display:flex和align-items:center可使标题与按钮在同一行垂直居中，通过gap控制间距，清除默认margin并统一line-height避免错位，结合flex-wrap:wrap支持响应式换行，确保布局在不同屏幕下均对齐良好。
-
align-items:center不生效的主因是父容器未满足Flex前提：缺display:flex、加错父级、高度未设或过小；子元素需为直接后代，避免vertical-align冲突；checkbox与文字对齐差异源于baseline与marginbox中心区别。
-
拖动地图内存持续上涨主因是事件监听器未清理，需在组件卸载时调用map.remove()及off()解绑，并限制瓦片并发请求、避免强制GPU加速。
-
JavaScript中Math对象提供静态方法处理数学计算，不可实例化；round、floor、ceil、trunc对负数行为不同；开方幂运算优先用Math.sqrt/Math.pow；random需手动缩放且不安全；所有方法均受IEEE754浮点精度限制。
-
Next.js13的error.tsx和not-found.tsx并非全局拦截器，而是基于ReactErrorBoundaries和路由层级的特殊组件；它们无法捕获事件处理器（如onClick）中抛出的同步错误，需通过状态驱动+useEffect触发异常才能被正确捕获。
-
CSS预处理器如Sass、Less、Stylus通过变量、嵌套等特性增强CSS；2.Tailwind、Windi等实用类框架提供原子类名快速构建UI；3.Bootstrap、Bulma等组件化框架集成完整设计系统，适合快速开发；4.Styled-components、Emotion等CSS-in-JS方案实现样式作用域与动态控制；选择工具需结合项目规模与技术栈，合理配置以提升效率与维护性。
-
font-smoothing在哪些浏览器里根本没用font-smoothing是WebKit内核专属的非标准属性，只在Safari和旧版Chrome/Edge（基于Blink但早期沿用了WebKit前缀）中生效。Firefox完全忽略font-smoothing，现代Chrome（110+）、Edge（110+）也已移除对它的支持——不是“不推荐”，是直接不解析。常见错误现象：font-smoothing:antialiased在Firefox或新版Chrome
-
用单个<audio>元素配合JavaScript实现播放列表：通过JS切换src或<source>并调用load()和play()，避免多<audio>浪费资源；注意iOS限制（如loop、volume不可JS设置）、preload策略及autoplay策略限制。
-
在Next.jsAppRouter中定义API路由时，必须显式返回NextResponse实例；若函数无返回值（即隐式返回undefined），运行时会因尝试读取undefined.headers而抛出TypeError。
-
答案：CSS定位核心是通过position属性（如relative、absolute、fixed、sticky）结合偏移量控制元素位置，配合Flexbox和Grid实现现代布局。position:relative为子元素建立定位上下文，absolute使元素脱离文档流并相对于最近已定位祖先定位，两者常配合使用。Flexbox解决一维布局，Grid处理二维网格，z-index控制层叠顺序但仅对已定位元素有效且受堆叠上下文影响。
-
<p>在CSS中设置外边距为0的方法是使用通配符选择器或CSSReset。1.使用通配符选择器：*{margin:0;}，适用于所有元素，但可能影响性能和需要重新设置某些元素的外边距。2.使用CSSReset：列出特定元素并重置其样式，如外边距、内边距等，提供更精确的控制和更好的性能表现。</p>
-
表单防重需前后端协同：前端提交时禁用所有提交按钮并设提示，但不可依赖其恢复；后端须用带签名、有时效、绑定session和表单类型的submit_token校验并标记已消费，配合PRG模式或AbortController确保幂等。
-
WebStorm点“Run”没反应是因为未启用内置静态服务器，需右键index.html选“Run'index.html'”或手动配置JavaScriptDebug，URL须匹配项目结构路径，纯HTML/JS/CSS无需Node。
