Web前端兼容性高频面试题及详细答案（实战版）.docxVIP

Web前端兼容性高频面试题及详细答案（实战版）

本文整理前端面试中高频出现的兼容性问题，涵盖浏览器基础兼容、CSS兼容、JS兼容、移动端兼容、工程化兼容五大模块，答案贴合实际开发场景，摒弃理论化套话，适配初级、中级前端面试。

一、浏览器兼容基础类

1、什么是前端兼容性？前端为什么会出现兼容性问题？

参考答案：

前端兼容性指我们开发的网页、代码，在不同浏览器、不同浏览器版本、不同设备系统上的展示和运行一致性。

出现兼容问题的核心原因主要有四点：

（1）浏览器内核不同：主流浏览器分为WebKit（Chrome、Safari、新版Edge）、Gecko（Firefox）、Trident（IE）、Blink（新版Chrome），不同内核对CSS、JS标准的解析规则不一样；

（2）标准落地时间不同：W3C标准是持续更新的，老旧浏览器不会迭代适配新特性，新的CSS、JS语法在低版本浏览器无法识别；

（3）厂商私有前缀：很多新特性标准化前，浏览器厂商会自定义私有属性，比如-webkit-、-moz-、-ms-，无前缀写法会导致低版本不生效；

（4）设备系统差异：PC端和移动端、安卓和iOS系统对视图、事件、样式的解析存在细微差异。

2、常用的浏览器内核及对应浏览器有哪些？

参考答案：

Trident（IE内核）：IE全系列、旧版Edge浏览器，兼容性差，仅适配老旧项目

Gecko（火狐内核）：