在线客服
扫描二维码
下载博学谷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
以上就是前端浏览器兼容难题的解决方法。大家都弄明白了吗?关于前端的更多面试题分享,请继续关注博学谷资讯。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
常见web前端面试题(包含答案)
入职互联网技术岗位都有一个特点,需要参加面试以及笔试。而这两个过程中都有很多涉及到技术的问题。所以博学谷为大家整理了部分常见的web前端面试题,并完善了其中答案,希望对求知的小伙伴有所帮助。
6032
2019-08-08 14:08:31
前端有关node.js的面试题含答案
node.js是一个平台,它是基于Chrome JavaScript运行时建立的。同时,node.js也常常被看做是运行在服务端的 JavaScript。对于前端程序员来说,即使不懂得动态编程语言,想要创建自己的服务,只要选择Node.js就好了。因此在前端面试中,有关node.js的面试题是需要重点复习的内容。下面是小编整理的有关node.js的面试题和答案,一起来看看吧!
8358
2019-10-31 10:42:10
前端模块化相关面试题整理
随着Web2.0时代的到来,使用模块化规范进行管理成为许多人开始考虑的想法。本文为大家整理总结了前端模块化的相关面试题,大家可以借此机会把模块化的相关知识点梳理一遍。了解异步模块加载机制、使用模块化的原模块化的优缺点等等内容。希望本文可以让大家彻底掌握前端模块化的相关面试题!
5617
2020-01-13 09:26:48
前端面试中常见的浏览器相关问题
疫情好转后。迎来一波复工热潮。在这个时候,也是许多小伙伴求职面试的高峰期。因此小编为大家整理了前端面试中常见的浏览器相关问题,众所周知,浏览器的相关问题是前端面试中的基础问题,也是几乎必考的问题。希望大家可以在前端面试前,多刷刷题,准备得更加充分。
3998
2020-03-23 17:47:15
前端面试Ajxa常见问题整理
Ajxa是每一个前端开发工作者做必须熟练掌握的必备技能,它是一种用于生成交互式Web应用程序的客户端Web开发技术。本文整理了一些前端面试的Ajxa常见问题,有面试机会的小伙伴可以做一做。当然,就算你目前还没有面试打算,也可以通过做题把前端相应的知识点复习一遍~
3618
2020-05-05 18:51:20
热门文章
- 前端是什么
- 前端开发的工作职责
- 前端开发需要会什么?先掌握这三大核心关键技术
- 前端开发的工作方向有哪些?
- 简历加分-4步写出HR想要的简历
- 程序员如何突击面试?两大招带你拿下面试官
- 程序员面试技巧
- 架构师的厉害之处竟然是这……
- 架构师书籍推荐
- 懂了这些,才能成为架构师 查看更多
扫描二维码,了解更多信息
