-
应使用半透背景色而非opacity：将opacity:0.5改为background-color:rgba(0,0,0,0.5)，确保蒙罩与内容层平级分层；必要时用fixed定位或Portal移出DOM分支；backdrop-filter需内容层独立且避免transform触发新层叠上下文；固定弹窗需确保蒙罩z-index更高且同层叠上下文。
-
Map是带插入顺序、支持任意键类型的键值集合；它不转键为字符串，用SameValueZero比较键，保证遍历顺序，方法统一且性能稳定，但无法直接JSON序列化。
-
JavaScript创建SPA无需从零手写路由和状态管理，React和Vue等主流框架提供成熟方案；核心是URL变化不刷新页面，而是JS动态更新视图，框架屏蔽DOM操作与历史管理复杂性。
-
FAQ页面可用纯CSS实现展开收起交互，核心是使用原生<details>+<summary>标签，它语义清晰、可访问性强、无需JavaScript，但不支持IE；通过::marker和::-webkit-details-marker重置默认箭头，用::before添加±符号，结合border-bottom和负边距控制紧凑间距，移动端需扩大热区并适配可读性与操作性。
-
line-height调整行框高度最有效，推荐用无单位数值（如1.5），中文正文宜1.5–1.8，移动端可增至1.6–2.0；继承时无单位值更合理，内联元素宜设父容器line-height。
-
iframe的优缺点及使用注意事项如下：1.优点包括内容隔离与嵌入便利、安全性隔离（相对）、简化开发、兼容性好；2.缺点主要有性能开销大、SEO问题严重、存在安全隐患、响应式布局难、影响用户体验；3.使用时需注意安全至上启用sandbox属性、优化性能采用懒加载、设计响应式布局、注重可访问性、核心内容避免使用iframe。合理利用iframe仍适用于第三方小部件、广告投放、沙盒环境和历史遗留系统，但应优先考虑API调用、WebComponents等替代方案以提升性能与SEO效果。
-
当line-height被设为极小值（如2px）时，行间距严重不足，导致相邻<p>元素的文本视觉上相互覆盖；应使用无单位数值（如1.4）或移除该属性让浏览器自动计算合理行高。
-
答案：通过GeolocationAPI可获取用户位置，但需用户授权并重视隐私保护。使用getCurrentPosition()或watchPosition()获取经纬度及精度、速度、方向等数据，提升地图应用体验；而赢得用户信任的关键在于透明告知、最小化收集、提供控制权和保障数据安全，确保合规与尊重用户隐私。
-
段落必须用<p>而非<div>，标题须按<h1>–<h6>层级规范使用，强调用<strong>/<em>而非<b>/<i>，换行优先CSS控制而非<br>，语义缺失会损害SEO与可访问性。
-
Sass嵌套通过层级结构提升CSS可读性，支持BEM命名简化与合理深度控制，避免过度嵌套以保持代码简洁高效，优化样式组织与维护。
-
最直接可控的方式是用transform:scale()缩放第二页容器并配合position:absolute叠放，需设transform-origin:topleft，打印时用@mediaprint规则生效。
-
JavaScript动画核心是requestAnimationFrame驱动、CSS控制视觉、数值插值决定中间态；因setTimeout/setInterval不同步刷新、无法暂停优化，易掉帧卡顿。
-
链表应用对象模拟，节点含value和next；栈用Array的push/pop即可；队列避免shift，宜用双端指针优化。
-
用display:inline或inline-block可使块级元素横排，但inline不支持宽高和上下margin，inline-block有基线对齐缝隙；现代推荐flex布局，父设display:flex即可自动横排，兼容性好且无间隙问题。
-
防范XSS需对用户输入转义，使用textContent替代innerHTML，并启用CSP；2.管理第三方依赖需定期审计漏洞、锁定版本并移除无用包；3.敏感数据和逻辑应置于服务端，避免前端暴露密钥或权限判断；4.采用严格模式、禁用eval等危险函数，全程使用HTTPS，确保编码安全。
