在线客服
扫描二维码
下载博学谷APP扫描二维码
关注博学谷微信公众号
在前端面试题中,最常见的就是遇到浏览器兼容的问题。比如面试题常常会这样问:工作中你都兼容哪些浏览器 ? 实际开发中你都遇到过哪些兼容问题 ?下面小编就来为大家提供前端浏览器兼容难题的解决方法。
所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。当然啦关于浏览器兼容的这个问题太笼统了 所以当面试官问这个问题的时候,大家可以问一下面试官是指的是哪方面。
一、CSS里的兼容性问题 :
Input 的按钮在 ios 和 Android 中的样式兼容问题
ios 有默认的渲染 方式 渐变和圆角而且他的行高并不会随着内容的增加。
解决方法:
在标签上增加
-webkie-appearance:none; Height:4rem;
滚动穿透的问题:
滚动穿透是指在移动端当有 flxed 遮罩和弹出层的时候,屏幕上的滑动能够滑动背景下的内容。
最后的解决方法
body.modal-open{
postion:flxed;
width:100%;
二、js里面的兼容性问题
1.const问题
说明:Firefox下,可以使用const关键字或var关键字来定义常量;
IE下,只能使用var关键字来定义常量。
解决方法:统一使用var关键字来定义常量。
2.event.srcElement问题
说明:IE下,event对象有srcElement属性,但是没有target属性;Firefox下,even对象有target属性,但是没
有srcElement属性。
解决方法:使用srcObj =event.srcElement ?event.srcElement : event.target;
3.事件绑定
IE:dom.attachEvent();
其他浏览器:dom.addEventListener();
标准浏览器采用事件捕获的方式对应IE的事件冒泡机制(即标准由最外元素至最内元素或者IE由最内元素到最外元素)最后标准方亦觉得IE这方面的比较合理,所以便将事件冒泡纳入了标准,这也是addEventListener第三个参数的由来,而且事件冒泡作为了默认值。
4.ajax略有不同
IE:ActiveXObject
其他:xmlHttpReuest
以上就是前端浏览器兼容难题的解决方法。大家都弄明白了吗?关于前端的更多面试题分享,请继续关注博学谷资讯。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
7个优秀的开放式前端面试题
本文为大家整理了7个比较优秀的开放式前端面试题与大家分享。所谓开放式,是没有完全固定的答案,最重要的是答题的思路是否对你未来的面试有所帮助。下面就跟着小编一起学习这7个开放式的前端面试题吧。
13525
2019-08-06 10:20:47
经典Web前端面试题分享
很多小伙伴在面试的时候会遇到各种各样的面试题。同样从一个学校出来的大学生,经常在面试的时候面临不同的结局,并不一定是部分同学掌握的知识不够丰富,更多的时候是因为在面试的时候无法系统的解答面试官的问题。所以多参考一下经典的web前端面试题,对未来的就业会有很大的帮助。
8519
2019-06-17 17:32:46
Web前端求职必备 常见前端面试题汇总(二)
一般情况下web前端面试的时候并不会设计特别复杂的问题。但是依旧有很多同学在比较基础的问题上栽了跟头。所以小编结合多套面试题,为大家整理出8个虽然简单面试题,即将面试或者正在面试的小伙伴速度参考一下,别让小问题组织了你高薪的步伐。
6546
2019-06-28 18:29:15
如何理解HTML结构的语义化?
HTML的语义化,就是在你写的HTML结构,是用相对应的有一定予以的英文字母来表示标记的。不仅对自己来说,更加容易阅读书写,别人再看你代码和结构的时候也会非常容易理解。因此在前端开发中,尽量使用官方的有予以的标签。
11105
2019-07-09 17:01:58
前端工程师求职面试题含答案
一名合格的前端工程师需要熟练掌握Web前端技术,像是比较基础的HTML5+CSS3必须要会,JavaScrip也需要很好等等。本文整理了前端工程师在求职过程中会遇到各类面试题,分别是HTML、CSS、JavaScript、ES6、计算机网络和浏览器等等相关的知识点。这些面试题也附上了答案,大家要是做不出来可以参考一下。
5039
2019-10-28 19:41:42