-
原生CSS写得慢是因缺乏变量、嵌套、混合和条件复用能力，导致重复书写与全局搜索；Sass提供成熟变量、嵌套和mixin机制，PostCSS通过插件支持现代语法，配合sourcemap实现精准调试。
-
JavaScript中生成二维数组的常用方法有：1.嵌套循环，通过双重for循环逐行构建，逻辑清晰且避免引用陷阱；2.使用Array.from结合map，以函数式编程风格简洁地创建新数组实例，每行独立；3.使用Array().fill().map()，利用map回调确保每次生成新数组，避免共享引用。避免引用陷阱的关键是确保每一行都是独立对象，不可直接使用Array(rows).fill(Array(cols).fill(value))，否则所有行将共享同一引用，导致修改一处影响全局。二维数组广泛应用于游戏
-
答案：设计一个灵活的JavaScript表单验证库需支持配置化规则、内置常用校验方法、允许自定义规则扩展、支持异步验证并返回结构化结果。通过解耦验证逻辑与DOM，提供声明式接口，实现规则可插拔与框架无关的通用性，核心是配置驱动与清晰的API设计。
-
Grid布局对齐关键在于用minmax()约束轨道尺寸、gap统一间距、place-items等对齐属性精调内容。例如grid-template-columns:repeat(3,minmax(200px,1fr)))，gap:16px，place-items:center。
-
JavaScript通过操作<audio><video>元素DOM接口控制音视频，核心是属性（paused、currentTime等）、方法（play()返回Promise）和事件（timeupdate、ended等），需注意加载状态与用户手势限制。
-
float:left配合margin无法可靠实现多行图片自动换行，因浮动导致父容器塌陷、换行仅看当前行剩余宽度、margin加剧错位与对齐问题；推荐用flex或inline-block替代。
-
JavaScript生成二维码推荐使用qrcode.js（轻量快速）或qr-code-styling（支持Logo、颜色、边框等深度定制），避免手动实现复杂编码逻辑。
-
模块化是解决大型JavaScript项目中全局污染、依赖混乱等问题的最小必要手段；export/import强制定义依赖边界和执行时序，需顶层声明，不同导入方式影响tree-shaking与运行时行为。
-
柯里化将多参函数转为嵌套单参函数链，如add(1)(2)(3)；部分应用通过bind等固定部分参数，生成新函数，如double(3,4)。两者参数传递方式与结构不同。
-
图片悬停放大应使用transform:scale()而非width/height，避免重排、实现GPU加速；需设display:block、transition写在常态、合理设置transform-origin和overflow:hidden，并注意高清源图与高DPI兼容性。
-
GeolocationAPI坐标不准因默认混合定位（Wi-Fi/基站/GPS），室内等场景accuracy常达500–3000米；需检查accuracy、启用enableHighAccuracy、设timeout和maximumAge，并降级IP定位。
-
定位与Flex布局应分工协作：Flex负责整体结构排列，Position用于局部精确定位。例如，Flex容器中子项设为relative，其内部角标用absolute脱离文档流，实现右上角精准叠加。需注意父级设relative以建立定位上下文，absolute元素不参与Flex布局，避免同时用justify-content和absolute控制同一元素位置，防止冲突。伪元素可配合absolute增强视觉效果而不影响布局流。
-
JavaScript类型检查可提升代码健壮性与协作效率。首先使用typeof判断原始类型，注意typeofnull返回"object"需单独处理；其次用instanceof检测引用类型，但跨上下文可能失效；推荐Array.isArray()准确识别数组；大型项目应采用TypeScript实现编译时类型检查，配合ESLint规则如no-undef、valid-typeof等规范类型使用，统一团队风格并减少错误。合理结合运行时判断与静态工具可接近类型安全。
-
使用CSSGrid和Flexbox可高效实现响应式多列布局。Grid适用于二维复杂结构，通过grid-template-columns、repeat(auto-fit)和gap创建自适应网格；Flexbox适合一维排列，利用flex-wrap和flex属性实现流式布局；结合媒体查询在不同断点优化列数与间距，提升跨设备体验。
-
答案：使用CSS的position:fixed属性将导航栏固定在页面顶部，通过top:0使其紧贴视窗顶端，配合width:100%和z-index确保横向铺满并层级置顶，再为body设置padding-top预留导航栏空间防止内容遮挡，最后可添加box-shadow和transition优化视觉效果。
