前端兼容性面试题及答案.docxVIP

前端兼容性面试题及答案

一、基础必问（高频，考察基础认知）

1.请说说你在实际开发中，遇到过哪些浏览器兼容性问题？怎么解决的？（重点，面试官必问）

答案：实际开发中遇到的兼容性问题，主要集中在老浏览器（IE11及以下）和现代浏览器（Chrome、Firefox、Safari）的差异，举3个最常见的：

①样式兼容性：IE11不支持flex布局的某些属性（比如flex:1的适配），导致布局错乱。解决：给IE11单独写兼容样式，用display:-ms-flexbox替代display:flex，同时调整-ms-flex:1等前缀属性，或者用float、position兜底布局，避免过度依赖flex。

②JS兼容性：IE11不支持ES6+语法（比如let/const、箭头函数、Promise），导致代码报错。解决：用Babel转译ES6+语法，将其转为ES5；对于Promise等新增API，引入polyfill（比如core-js）进行补全，确保老浏览器能识别。

③事件兼容性：IE11不支持addEventListener，只能用attachEvent，且事件对象获取方式不同（IE用window.event，现代浏览器用事件参数）。解决：封装一个事件绑定函数，判断浏览器类型，兼容两种绑定方式，同时统一事件对象的获取逻辑。

2.谈谈CSS兼容性的常见问题及解决方案（不用