前端面试题之——兼容篇

2023-10-31

兼容性面试题

(一)html 部分
1.H5 新标签在 IE9 以下的浏览器识别 <!--[if lt IE 9]> <script type="text/javascript" src="js/html5shiv.js"></script> <![endif]--> html5shiv.js 下载地址
2.ul 标签内外边距问题 ul 标签在 IE6\IE7 中,有个默认的外边距,但是在 IE8 以上及其他浏览器中 有个默认的内边距。解决方法:统一设置 ul 的内外边距为 0
(二)CSS 样式的兼容性
1.css 的 hack 问题:主要针对 IE 的不同版本,不同的浏览器的写法不同 IE 的条件注释 hack:

<!--[if IE 6]>此处内容只有 IE6.0 可见<![endif]-->
<!--[if IE 7]>此处内容只有 IE7.0 可见<![endif]-->

2.IE6 双边距问题:IE6 在浮动后,又有横向的 margin,此时,该元素的外边距是其值的 2 倍 解决办法:display:block;
3.IE6 下图片的下方有空隙 解决方法:给 img 设置 display:block;
4.IE6 下两个 float 之间会有个 3px 的 bug 解决办法:给右边的元素也设置 float:left;
5.IE6 下没有 min-width 的概念,其默认的 width 就是 min-width
6.IE6 下在使用 margin:0 auto;无法使其居中 解决办法:为其父容器设置 text-align:center;
7.被点击过后的超链接不再具有 hover 和 active 属性 解决办法:按 lvha 的顺序书写 css 样式,
“:link”: a 标签还未被访问的状态;
“:visited”: a 标签已被访问过的状态;
“:hover”: 鼠标悬停在 a 标签上的状态;
“:active”: a 标签被鼠标按着时的状态;
8.在使用绝对定位或者相对定位后,IE 中设置 z-index 失效,原因是因为其元素依赖于父元素的 z-index,但是父元素默认为 0, 子高父低,所以不会改变显示的顺序 ;
9.IE6 下无法设置 1px 的行高,原因是由其默认行高引起的 解决办法:为期设置 overflow:hidden;或者 line-height:1px;
(三)JavaScript 的兼容性
1.标准的事件绑定方法函数为 addEventListener,但 IE 下是 attachEvent;
2.事件的捕获方式不一致,标准浏览器是由外至内,而 IE 是由内到外,但是最后的结果是将 IE 的标 准定为标准
3.window.event 获取的。并且获取目标元素的方法也不同,标准浏览器是 event.target,而 IE 下 是 event.srcElement
4.在低版本的 IE 中获取的日期处理函数的值不是与 1900 的差值,但是在高版本的 IE 中和标准浏览 器保持了一致,获取的值也是与 1900 的差值。 比如:var year= new Date().getYear();
5.ajax 的实现方式不同,这个我所理解的是获取 XMLHttpRequest 的不同,IE 下是activeXObject
6.IE 中不能操作 tr 的 innerHtml
7.获得 DOM 节点的父节点、子节点的方式不同 其他浏览器:parentNode parentNode.childNodes IE: parentElement parentElement.childre

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

前端面试题之——兼容篇 的相关文章

  • 从嵌套数组中删除对象

    我有一个像这样的家谱 children name bob children name sam children name mike children name elias children name rodriguez childr
  • 如何在 TS 中使用泛型谓词

    我想使用数组过滤谓词函数 e g const isNotEmptyName
  • 占位符更改时在 Internet Explorer 上触发输入事件

    正如这个所示jsfiddle 示例 http jsfiddle net wWbE7 5 当我更改占位符时 它会触发输入事件 我在 I E 11 版本上测试了它 但我猜旧版本也有同样的问题 其他浏览器的行为并非如此 这是 I E 错误吗 如果
  • 动态设置的 CSS 样式被覆盖

    我有几个
  • 如何使用 javascript 删除前 5 或 7 个字符

    我已经使用下面给定的 javascript 发布了一个问题
  • 如何更改 bootstrap 版本 4 按钮颜色

    我可以通过更改 bootstrap v4 中的主题颜色来更改主按钮颜色 但它也会影响所有其他组件 如何设置主按钮颜色而不影响主题颜色 我不想设置品牌为主并实现它 还有其他选择吗 Bootstrap 4 1 2019 年更新 现在 Boots
  • 按箭头键时光标会跳跃

    我有一个文本框 无法在其中输入禁用字符 然而 当文本框填充了数据时 我将焦点放在文本框的中间 然后使用箭头键左右移动 然后它跳到文本框的末尾 这是有效的 如果我也在文本框中间输入一个字符 它会再次转到末尾 id txtClient keyu
  • JSON 对象 - 访问 React Native 中的值

    在我的 React Native 应用程序中 我使用 RNDBModels 包 它是 AsyncStorage 的包装器 目前 我正在通过 RNDBModels 保存一个 JSON 对象 并且该对象可以正常工作 但是访问数据具有挑战性 当代
  • 是什么导致 console.timeEnd() 中出现“myTimer 不存在”错误?

    我为 RxJS 创建了一个演示scan 方法 但不幸的是我的计时器无法正常工作 并且出现此错误 Timer myTimer does not exist console time myTimer let source Rx Observab
  • 格式良好的源代码

    源代码已使用换行符和空格进行格式化 Goals keep source formatting as long as lines fit in the screen horizontally e g pre 在左侧显示与行对齐的行号 例如 行
  • Meteor 独特客户端集合的发布/订阅策略

    使用 Meteor 我想知道如何最好地处理共享相同服务器端数据库集合的不同客户端集合 考虑以下示例 我有一个User集合 在我的客户端我有一个好友用户列表我有一个搜索功能 可以对整个用户数据库执行查询 返回一个与查询匹配的用户名列表 在发布
  • 根据已知的纬度和经度点在图像上放置点的尝试失败

    我为这个含糊的标题道歉 我真的想不出更好的方法来总结它 非常欢迎提出建议 我正在开发一个实际上不需要谷歌地图的项目 它只会为这个项目带来额外的开销 但是 到目前为止 我不知道如何在没有谷歌地图的情况下做到这一点 如果我要将平面图的图形叠加层
  • EmberJS 支持单字母单词模型吗?

    我无法真正确定问题是 Ember 还是 Ember 数据 或者甚至是一个问题 但发生的情况如下 假设你的模型被称为tell me a story 如果您使用 ActiveModelAdapter 这将是您的 JSON 应该提供的名称 无论如
  • fillRect(0,0,0,1)和clearRect()有什么区别

    之间有什么区别 ctx fillStyle rgba 0 0 0 1 ctx fillRect 0 0 100 100 and ctx clearRect 0 0 100 100 性能或生成的图像或画布数据有什么差异吗 更新以对应有问题的
  • 使用 CSS 进行标签和输入布局

    我试图将标签和输入框排列在同一行 使得标签占据它所需的所有空间 然后输入框使用所有剩余空间 例如 如果容器为 1000 像素 标签为 342 像素 则输入宽度应为 658 像素 但如果标签更改为 100 像素 则输入大小应调整为 900 像
  • 在文本基线上水平对齐块

    我有以下 HTML 代码
  • 当子项位置固定时从 Bootstrap 容器继承宽度

    我试图让 header div 从其父级继承其宽度 标题 div 是position fixed 父级包含在引导容器内 但是 正如您在我创建的代码中看到的 它没有正确继承其父级的宽度 它从某处添加了一些额外的宽度 这一切都非常烦人 知道如何
  • Document.querySelector 返回 null,直到使用 DevTools 检查元素

    我正在尝试创建一个 Chrome 扩展程序 用于查找 Facebook 上的 赞助 帖子并将其删除 在执行此操作时 我注意到 Google Chrome 在 Facebook com 上的这种相当奇怪的行为 其中对现有元素的某些类型的查询
  • jQuery 轮播。如何仅显示下一个或上一个元素

    我有一个 jQuery 问题 我真的尝试了我所知道的一切 我对此很新手 所以 简而言之 问题是我正在做一个简单的轮播式效果 我正在使用这段代码 div showarea 是需要旋转 下一个 上一个 的 DIV 但我想一次只显示一个 div
  • 要求节点模块 var 或 const 的最佳方法是什么?

    当我们需要诸如express或bodyParser之类的节点模块时 我们将使用var关键字创建变量并分配模块 我们不能用const声明这样的模块 也就是说 代替这个 var express require express var app e

随机推荐

  • Pytorch 多卡并行(1)—— 原理简介和 DDP 并行实践

    近年来 深度学习模型的规模越来越大 需要处理的数据也越来越多 单卡训练的显存空间和计算效率都越来越难以满足需求 因此 多卡并行训练成为了一个必要的解决方案 本文主要介绍使用 Pytorch 的 DistributedDataParallel
  • C语言实训通讯录(静态和动态版本)

    作者 旧梦拾遗186 专栏 C语言编程 小比特成长日记 相关链接 自定义类型下 枚举 联合 C语言 每日励志 改变 永远不嫌晚 无论你是几岁 也无论你目前所处的境况有多糟 只要立定目标 一步一步往前走 人生随时都有翻盘的可能性 目录 一 前
  • CVE-2023-3450:锐捷 RG-BCR860 命令执行漏洞复现

    锐捷 RG BCR860 命令执行漏洞 CVE 2023 3450 复现 0x01 前言 本次测试仅供学习使用 如若非法他用 与本文作者无关 需自行负责 0x02 漏洞描述 Ruijie Networks RG BCR860是中国锐捷网络
  • 统计学习方法——概述

    统计学习方法之概述 1 统计学习的特点 1 统计学习以计算机及网络为平台 是建立在计算机及网络上的 2 统计学习以数据为研究对象 是数据驱动的学科 3 统计学习的目的是对数据进行预测与分析 4 统计学习以方法为中心 统计学习方法构建模型井应
  • windows10企业版开启RDP多用户同时登录

    1 系统属性 开启远程桌面 添加远程桌面登录用户 2 快捷键win R 输入 gpedit msc 打开本地组策略编辑器 选择 管理模板 gt Windows组件 gt 远程桌面服务 gt 远程桌面会话主机 gt 连接 配置 限制连接的数量
  • 夯实网络安全基石,筑牢网络安全防线

    没有网络安全就没有国家安全 这句话我们常常能在各种新闻里看见 安全是发展的前提 发展是安全的保障 共同推进安全和发展 Z强调 要坚持依法治网 依法办网 依法上网 今年的国家网络安全宣传周在9月11日至17日全国范围内开展 今年的网安周以 网
  • 电脑重装系统后需要更新哪些驱动

    在电脑重装系统后 由于系统的重置 您需要重新安装和更新一些关键的驱动程序 以确保硬件设备正常工作和性能最佳化 以下是在电脑重装系统后需要更新的一些常见驱动程序 工具 原料 系统版本 win10系统 品牌型号 戴尔 XPS13 9350 37
  • H5新增标签 css图标库 web 前端 字体 问题

    目录 css图标库 web前端字体 CSS Hint H5新增标签 1
  • OpenCV学习(2)——图像的数据格式BGR

    OpenCV学习 2 图像的BGR格式解读 1 opencv读取的图片数据格式 2 BGR含义 1 opencv读取的图片数据格式 opencv读取的图片数据格式为numpy的nparray格式 一张二维图片是由像素点构成 如下图所示 其中
  • Mysql:增删改查基础语句

    mysql基础入门语句 增 INSERT INTO 表名 字段1 2 3 VALUES 值1 2 3 删 DELETE FROM 表明 WHERE 删除条件 不提供更新条件 则删除所有 改 UPDATE 表名 SET 字段1 新值 字段2
  • JavaScript学习 -- ajax方法的POST请求

    在Web开发中 通过POST请求将数据发送给服务器是一种常见的方式 使用jQuery可以轻松地发送POST请求 这需要使用jQuery的ajax 方法 本文将介绍jQuery如何使用POST请求发送数据 并提供一个实际的例子 使用 ajax
  • rcp命令

    http www cnblogs com peida archive 2013 03 14 2958685 html rcp代表 remote file copy 远程文件拷贝 该命令用于在计算机之间拷贝文件 rcp命令有两种格式 第一种格
  • Py_Finalize引发的异常

    Py Finalize引发如下异常 0x00007FFFE5A28D10 python38 dll 处 位于 MTFform exe 中 引发的异常 0xC0000005 执行位置 0x00007FFFE5A28D10 时发生访问冲突 解决
  • 项目系列之登录管理

    登录管理是现代计算机系统中关键的组成部分之一 那么本篇博客我们来简单了解一下登录的流程与前后端干了啥事 一 登录流程 用户打开登录页面 用户访问应用程序或网站的登录页面 此页面通常包含用户名 邮箱输入字段和密码输入字段 以及登录按钮 用户输
  • 2、模板方法

    文章目录 概念 demo 概念 父类定义抽象 的 template method 并由别的方法调用 子类实现具体的 template method 和观察者类似 回调函数 钩子函数 都是此模式的应用 观察者一般是多个 方法由被观察者调用 模
  • redhat6.4 下安装oracle 11g详细完整的步骤

    一 虚拟机安装操作系统 Redhat 6 4 注意 linux下安装oracle 11 如果是redhat系统 选择redhat6版本的 因为redhat7版本里面少一个安装数据库用到的包compat libstdc 33 没有这个包 安装
  • flutter自定义广告Banner

    Flutter 1 0 is out Tuesday December 4 2018 Banner是手机应用最常见的需求之一 https pub dartlang org flutter中搜索Banner找到两个开源库 引入项目后 分别存在
  • 项目应用:使用自定义注解完成对controller的aop控制

    在项目进行过程中 需要使用aop对api传入或者传出数据进行日志记录 考虑实际应用 放弃了使用拦截器 转而使用aop的前置通知和返回通知中加入日志记录操作 在spring中 controller会被JDK自动代理 当使用自定义标签时cont
  • R语言的基本数据类型:数值,字符串,逻辑

    R语言的基本数据类型 数值 双整型 储存普通数值型数据 可正可负 可大可小 可含小数可不含 R中输入的任何一个数值都默认以双整型存储 可以使用typeof 函数来查看对象类型 在数据科学里 它更常被称为数值型 整型 只能用来储存正数 在R中
  • 前端面试题之——兼容篇

    兼容性面试题 一 html 部分 1 H5 新标签在 IE9 以下的浏览器识别 html5shiv js 下载地址 2 ul 标签内外边距问题 ul 标签在 IE6 IE7 中 有个默认的外边距 但是在 IE8 以上及其他浏览器中 有个默认