-
Grid容器需设position:relative，因absolute定位依赖最近已定位祖先，而grid容器默认static不构成定位上下文，否则子元素将相对于视口定位。
-
环境变量通过外部注入实现配置分离，提升安全性与可维护性；结合共享配置库和CI/CD自动化，可统一多项目配置，避免重复与不一致，实现高效治理。
-
掌握CSS盒模型是精准控制网页布局的关键，其由内容、内边距、边框和外边距组成；默认content-box模式下尺寸计算不含内边距和边框，易导致布局偏差；通过设置box-sizing:border-box可将这些部分纳入宽高计算，使布局更直观；推荐全局应用border-box以统一渲染行为；标准模型遵循W3C规范，而IE模型曾将内边距和边框包含在宽高中，需注意兼容性；使用DOCTYPE声明可确保标准模式解析；配合flexbox布局能进一步优化空间分配，弹性项目默认支持border-box特性，简化响应式设计
-
原生HTML下拉框不支持CSStransition，因其展开行为由系统控件控制；需用自定义组件模拟，通过max-height/opacity/transform实现过渡，并确保可访问性与表单语义。
-
WebGL通过JavaScriptAPI利用GPU在浏览器中渲染2D/3D图形，核心流程包括获取上下文、编写GLSL着色器、编译链接程序、传入顶点数据、设置矩阵变换并调用绘制命令；以立方体旋转为例，需定义顶点与索引、创建缓冲区、应用模型视图投影矩阵、启用深度测试并使用requestAnimationFrame实现动画；进阶优化涵盖光照、纹理、对象封装、计算缓存及FBO应用，掌握矩阵运算顺序与坐标系是提升关键。
-
opacity过渡闪烁的根本原因是浏览器层合成策略变更。元素透明度变化时图层被临时提升或降级，导致重绘跳变，尤其在Safari和旧版Chrome中明显。
-
使用innerHTML、DOMParser或insertAdjacentHTML将HTML字符串转为DOM对象，分别适用于简单插入、复杂结构解析和直接插入场景。
-
本文详解为何正则表达式/\S*\$\$?[^$]*\$\$?\S*/gi会过度匹配LaTeX公式，以及如何通过懒惰量词、边界优化和结构简化实现精准捕获$...$和$$...$$内容。
-
不能。CSS选择器无运行时逻辑能力，仅能响应已存在的DOM结构和类名；:has()虽增强结构判断但受限兼容性、性能及动态内容；状态决策仍需JS或SSR提前注入。
-
函数式编程通过纯函数、不可变数据和函数组合提升代码可预测性与可维护性。1.纯函数确保输入输出一致，不依赖外部状态，如用(a,b)=>a+b避免全局变量；2.不可变数据避免副作用，使用map、filter或展开运算符生成新值；3.函数组合将小函数如trimInput、validate通过pipe串联，增强逻辑清晰度与调试效率。该范式不需重写全部代码，而是提供局部化变更、低耦合的可靠设计思路，长期提升项目质量。
-
伪元素必须配合content属性才能显示，且需注意定位、层叠、兼容性及适用场景。
-
JavaScript操作浏览器全屏需调用元素的requestFullscreen()和document的exitFullscreen()方法，1.必须由用户手势触发；2.需处理浏览器兼容性前缀；3.通过fullscreenchange事件监听状态变化；4.可封装工具函数统一管理；5.注意UI适配、样式调整及性能优化，确保良好用户体验。
-
答案：通过前端技术实现HTML模板下载，先获取HTML内容并生成Blob对象，再利用URL.createObjectURL创建临时链接，动态创建a标签触发下载，支持内联样式和Base64资源以确保离线可用，全过程无需后端参与。
-
JSON.stringify()会悄悄丢数据：忽略函数、undefined、Symbol键、BigInt，循环引用报错；JSON.parse()仅接受严格JSON格式，不执行代码但需校验结构；日期等非标类型须手动转换。
-
答案：通过命令模式将操作封装为对象，利用历史栈和重做栈实现撤销与重做功能。具体操作实现execute和undo方法，HistoryManager管理命令执行、撤销与重做流程，支持文本编辑等可逆操作，并注意合并输入、标记不可撤销命令及避免内存泄漏等问题。
