前端面试题：Web 标准与浏览器兼容性

1. 为什么要遵循 Web 标准？

• 标准化可确保不同浏览器有一致行为。
• 有助于提高可维护性、可访问性和稳定性。
• 规范化 API 更利于跨平台开发。

2. DOCTYPE 的作用是什么？

• 指示浏览器使用标准模式（Standards Mode）渲染页面。
• 缺少或错误 DOCTYPE 会触发怪异模式（Quirks Mode）。

3. 不同浏览器渲染差异常见于哪些场景？

• CSS 布局与盒模型行为。
• 浏览器默认样式。
• 新特性兼容性，如 CSS Grid、Flex、ES6 API。

4. 如何处理 CSS 前缀？

• 使用 Autoprefixer 自动添加厂商前缀。
• 尽量避免依赖过时前缀。
• 通过 Can I Use 查询支持情况。

5. 常用兼容性策略有哪些？

• 使用 Polyfill 填充旧浏览器缺失 API。
• 采用渐进增强（Progressive Enhancement）。
• 使用 Babel 转译现代 JS 语法。

6. 何时使用 feature detection？

• 在运行时检测浏览器是否支持某个特性。
• 避免依赖 User-Agent 判断。

7. 如何处理移动端与桌面端差异？

• 使用 viewport meta 控制布局。
• 根据屏幕尺寸调整响应式样式。
• 处理触摸事件和点击区域。

8. 浏览器安全策略对前端有哪些影响？

• Content Security Policy（CSP）限制脚本、样式和资源加载。
• SameSite Cookie 防止 CSRF。
• HTTPS 提升传输安全，影响权限 API。