2019前端面试题-浏览器兼容性

最新推荐文章于 2025-06-03 15:28:56 发布
最新推荐文章于 2025-06-03 15:28:56 发布
阅读量1.5k 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： 前端面试图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/jstljspservlet/article/details/98763263
1. ie8如何加载视频
1. promise如何兼容IE
web前端兼容性面试题汇总！
xiaoxijinger的博客
03-17 1988
web前端兼容性面试题汇总 一、html部分 1.H5新标签在IE9以下的浏览器识别 html5shiv.js下载地址 2.ul标签内外边距问题ul标签在IE6\IE7中，有个默认的外边距，但是在IE8以上及其他浏览器中有个默认的内边距。 解决方法：统一设置ul的内外边距为0 二、CSS样式的兼容性 1.css的hack问题：主要针对IE的不同版本，不同的浏览器的写法不同 IE的条件注释hack： 此处内容只有IE7.0可见 2.IE6双边距问题：IE6在浮动后，又有横向的margin，此时，该元素的外边
老生常谈的前端高频面试题 ---- 浏览器的跨域问题
qq_43477721的博客
08-22 1092
浏览器的跨域问题 为了防止网站遭到恶意攻击，导致信息被窃取，所以浏览器设计了同源策略。 为什么浏览器会禁止跨域 浏览器是很开放的，只要在地址栏里面输入网址或者点击某个链接就可以访问了。正是因为这种开放的形态，才需要对浏览器做出限制，保护用户的信息安全。因此同源策略就是用来保护信息安全的。 什么是同源策略 同源政策由 Netscape 公司引入浏览器。同源策略是一个安全策略。所谓的同源,指的是协议,域名,端口相同。 浏览器出于安全方面的考虑,只允许本域名下的接口交互,不同源的客户端脚本,在没有明确授权的情况.
Web前端面试指导(四十八)：谈谈浏览器的兼容性
热门推荐
雄领IT的专栏
10-30 2万+
题目点评 这个问题是非常抽象的，越是抽象的问题越能表现出我们的表达能力，而面试官就喜欢根据你的回答来追问，不断地打断你的思路，这个时候不要慌，一定要坚信自己。 回答思路 我们在开发的时候会明确项目要兼容哪些浏览器的最低版本，我之前的项目要求兼容IE8.0以上的版本，Chrome 48以上，FireFox 44以上。有了这些最基本的要求，在开发中就是要考虑到CSS样式和
《前端面试题：CSS对浏览器兼容性》
最新发布
前端码农的博客
06-03 741
本文全面解析了CSS跨浏览器兼容性问题的核心原因和技术解决方案。
前端面试——浏览器兼容问题
qq_29510269的博客
03-26 1万+
前端面试——浏览器兼容问题一、css样式兼容性问题 一、css样式兼容性问题 ie8浏览器不支持css3，像： ie8对选择器支持情况 ie8支持:first-child,但不支持:last-child、:last-of-type、:first-of-type、:nth-child(n)、:nth-last-child(n)、:nth-of-type(n)、:nth-last...
最全前端面试题-2.2（浏览器兼容问题篇-上百篇题集整理1个月）.doc
05-04
花了近2个月时间挨个整理了网上上百篇的面试题，将一些错误进行了矫正，当然前端的答案并非绝对，各抒己见吧
2024年Web前端最全前端面试题之——兼容篇_跨浏览器兼容面试题，前端开发零基础
2401_84411557的博客
05-05 513
由于文档内容过多，为了避免影响到大家的阅读体验，在此只以截图展示部分内容开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】（二）CSS 样式的兼容性--[if IE 6]>此处内容只有 IE6.0 可见--[if IE 7]>此处内容只有 IE7.0 可见2.IE6 双边距问题：IE6 在浮动后，又有横向的 margin，此时，该元素的外边距是其值的 2 倍 解决办法：display:block;
前端面试题-企业面试真题.zip
11-06
"前端面试题-企业面试真题.zip"这个压缩包文件很可能包含了多个公司的真实面试题目，帮助应聘者准备前端工程师的职位面试。以下是一些可能包含在这些面试题中的关键知识点，以及它们的重要性和详细解释： 1. HTML...
最新大厂前端面试题-react面试题.docx
06-06
：React 解决了传统前端开发中的许多问题，例如跨浏览器兼容性、渲染性能等。 3. React 的协议？：React 的协议指的是 React 的使用协议，例如 MIT 许可证。 4. 了解 shouldComponentUpdate 吗？：...
文档web前端笔试题-面试题-复习题文档web前端笔试题-面试题-复习题
10-04
跨浏览器兼容性指的是不同浏览器对CSS和JavaScript的解释和渲染存在差异。解决这类问题可以使用polyfills来填充浏览器的功能缺失、使用CSS前缀、编写可维护的CSS以及进行充分的浏览器测试。 ### 总结 以上是Web...
web前端面试--浏览器兼容性问题、HTML5新标签、CSS媒体查询、CSS-hack、浏览器厂商前缀、优雅降级、渐进增强、
Penk的博客
08-22 3255
不同浏览器或者相同浏览器不同的版本内核，都可能引起兼容性问题，不只是dom，还有css以及js。
我所碰到的面试题之------前端常见浏览器兼容性问题解决方案---
asdfgh0077的博客
11-14 517
我所碰到的面试题之------前端常见浏览器兼容性问题解决方案---
web前端面试题之 CSS浏览器兼容性？
Wz1135640的博客
10-10 5075
CSS浏览器兼容性？ 答题技巧：因为这个问题主要是看你经验，一般有了开发经验的都会遇到这样的坑，你只要说出几个来大致就可以了。 1.对齐文本和文本输入框 问题： 当input元素在设置了高时，在IE7、IE8、IE9下会出现文本和文本输入框不能对齐的现象，其他正常，包括opera 解决： vertical-align:middle; 2.容器宽度在浏览器中解释不同
前端关于浏览器和兼容性的面试题
weixin_47094365的博客
02-07 1207
浏览器兼容性是指不同浏览器对网页内容的支持程度，包括 HTML、CSS、JavaScript 和其他 Web 技术的表现。由于不同浏览器的引擎和标准实现差异，网页在不同浏览器中的渲染效果和行为可能不同。
Web前端最新前端面试——浏览器兼容问题，最新前端大厂高频面试题
2401_84617873的博客
05-09 532
小编综合了阿里的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】ie8对选择器支持情况ie8支持:first-child,但不支持:last-child、:last-of-type、:first-of-type、:nth-child(n)、:nth-last-child(n)、:nth-of-type(n)、:nth-last-of-type(n)、:enable、:disable 、:checked。
前端面试题
IT_Jiangxiaobai的博客
05-19 5524
01-HTML~02-CSS 1.每个HTML文件里面都有一个很重要的东西，Doctype，知道这是干什么的么？ 要点一 : 该标签告知浏览器浏览文档要使用的HTML规范 , 告知浏览器以何种规范解析页面 要点二 : 声明对大小写不敏感 2.常用浏览器有哪些，内核都是什么？ 答： 常用浏览器有chrome、safari、 IE、火狐(firefox) 、 Opera 、360、搜狗等 浏览器 内核 备注 IE Trident IE、猎豹安全、360极速浏览器、百度浏览器 firefo
前端面试题之解决浏览器兼容性的方案
Mrxcguo的博客
10-07 4328
浏览器兼容性涉及的内容有很多，特别是针对IE浏览器，以下整理出五种常见的浏览器兼容性解决方法。 一、样式初始化 由于各大浏览器会有自身的默认样式，并且不尽相同，所以为了尽可能的保证样式的统一性，前端在开发项目之前都会先进行样式格式化，最常见的分为以下几个方面。 1.pandding 值和 margin 值均设置为 0 将html、body、a、li、ol、input、textarea、select、button 等标签的 padding 值和 margin 值设置为 0。 2.html 标签 设置统一的字体
2019前端面试题（浏览器、协议安全篇）
weixin_33859504的博客
05-25 1273
在此分享、整理前端面试题，如有解答错误的地方，烦请各位大佬指正，感谢！！ 请描述一下cookie、sessionStorage、localStorage的区别 存储大小：cookie数据不能超过4k，sessionStorage和localStorage，可以达到5M或更大 数据有效期：sessionStorage关闭标签就去清除；localStorage需要手动清除；cookie在设置的coo...
前端面试题[link与@import区别、css3/H5新特性、浏览器兼容性问题、原型与原型链]
qq_56511926的博客
09-20 448
标准浏览器采用事件捕获的方式对应IE的事件冒泡机制（即标准由最外元素至最内元素或者IE由最内元素到最外元素）最后标准方亦觉得IE这方面的比较合理，所以便将事件冒泡纳入了标准，这也是addEventListener第三个参数的由来，而且事件冒泡作为了默认值第三值默认false，表示事件冒泡方式。即使你的标签是空的，这个标签的高度还是会达到默认的行高。这些新属性大多在新版浏览器得到了支持，有些需要添加浏览器前缀（-webkit-、-moz-、-ms-、-o-）解决方案： 在display:block;
前端浏览器兼容性面试题
02-25
### 前端开发中的浏览器兼容性面试题 #### JavaScript 方法的兼容性处理 IE8 浏览器不支持 `endsWith`，`trim()` 和 `startsWith` 等现代 JavaScript 方法。为了确保代码能在旧版浏览器中正常运行，可以采用 polyfill 或者特性检测来提供这些方法的支持[^1]。 ```javascript // Polyfill for trim() if (!String.prototype.trim) { String.prototype.trim = function () { return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, ''); }; } ``` #### 渲染引擎与 JS 引擎的区别 由于不同浏览器使用的渲染引擎和 JS 引擎各不相同，这导致了解析网页的方式有所区别。因此，浏览器兼容性问题通常涉及 CSS 和 JavaScript 方面的差异[^2]。 #### 使用框架应对复杂逻辑 尽管原生 JavaScript 能够完成大部分任务，但在实际项目中往往因为其冗长性和潜在缺陷而被放弃。当前较为流行的 React 和 Vue 框架不仅简化了开发流程，还提供了更好的组件化管理和状态控制机制。对于求职者而言，熟悉其中一个主流框架即可满足大多数岗位需求[^3]。 #### CSS Hack 技巧 针对特定版本 Internet Explorer 的样式调整可以通过条件注释实现： ```html <!--[if IE 6]> 特定于 IE6 的 HTML/CSS <![endif]--> <!--[if IE 7]> 特定于 IE7 的 HTML/CSS <![endif]--> ``` 这种做法允许开发者为老旧浏览器定制专属样式而不影响其他更先进的浏览环境[^4]。 #### 解决问题的能力评估 在面对技术挑战时，能够深入理解并解决问题背后的原因是非常重要的。无论是通过查阅资料还是实践探索，展现出持续学习的态度和技术钻研的精神都是获得理想职位的关键因素之一[^5]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值