web前端兼容性面试题汇总!
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,此时,该元素的外边距是其值的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的innerHtml7.获得DOM节点的父节点、子节点的方式不同
其他浏览器:parentNode parentNode.childNodes
IE:parentElement parentElement.childre
想了解web前端兼容性面试题和web前端相关技术问题,可以关注小千,后期分享更多技术知识和行业资讯。等你来哦~~~~
web前端兼容性面试题汇总!相关推荐
- Web前端工程师面试题汇总(一)
前端工程师面试题汇总 本文由我收集总结了一些前端面试题,初学者阅后也要用心钻研其中的原理,重要知识需要系统学习.透彻学习,形成自己的知识链. HTML • Doctype作用?严格模式与混杂模式如何区 ...
- Web前端笔试面试题汇总(转自github)
前言 本文总结了一些优质的前端面试题(多数源于网络),初学者阅后也要用心钻研其中的原理,重要知识需要系统学习,透彻学习,形成自己的知识链.万不可投机取巧,只求面试过关是错误的! 面试有几点需注意: 1 ...
- Web前端岗位面试题汇总(含答案)
HTML+CSS 1.对WEB标准以及W3C的理解与认识 标签闭合.标签小写.不乱嵌套.提高搜索机器人搜索几率.使用外 链css和js脚本.结构行为表现的分离.文件下载与页面速度更快.内容能被更多的用 ...
- 2014年最新web前端开发面试题
2014年最新web前端开发面试题 本文是一份非常不错的2014年web前端开发工程师的面试题集锦,并附有参考答案,推荐大家参考下. 试题目录: HTML 部分 CSS 部分 JavaScript 部 ...
- java web试题_Java web开发经典面试题汇总(内附答案详解)
原标题:Java web开发经典面试题汇总(内附答案详解) 1.说出Servlet 的生命周期,并说出Servlet 和CGI 的区别? 答:Web 容器加载Servlet 并将其实例化后,Servl ...
- 2018最新Web前端经典面试试题及答案
本篇收录了一些面试中经常会遇到的经典面试题以及自己面试过程中遇到的一些问题,并且都给出了我在网上收集的答案.马上就要过春节了,开年就是崭新的一年,相信很多的前端开发者会有一些跳槽的悸动,通过对本篇知识 ...
- web前端开发面试题,都是整理出的精华
正在发愁如何成为一名开发工程师的同学,你们现在最需要做的就是除了看一些相关的面试题,还需要知道面试的一些技巧,在面试之前就了解好你即将要面试的企业,了解他们的文化,这样都可以让你的面试成功率大大的提高 ...
- Web前端JQuery面试题(三)
Web前端JQuery面试题(三) 1.怎么阻止冒泡过程? stopPropagation(); // 阻止冒泡过程 2.ready()方法和onload()方法的区别? onload()方法要等页面 ...
- js考试题 html5新特性,Web前端初级面试题总结
Web前端初级面试题总结 发布时间:2018-11-02 11:17, 浏览次数:549 , 标签: Web Web篇: 1.常见的浏览器内核有哪些? IE:Trident内核 ...
最新文章
- YOLOv4-5D:一种高效的自动驾驶物体检测器
- F5提高Microsoft SharePoint 2010平台的灵捷 度、性能和安全性
- Incorrect number of FETCH variables
- CentOS探索之路2---使用rpm安装JDK
- java怎么来用urlrewrite伪静态化和urlrewrite的配置
- numpy常用函数(power、sum、tile、transpose等)
- 【网络结构】小议如何跳出魔改网络结构的火坑
- 如何在Unity3d平台下低延迟播放RTMP或RTSP流
- php并行下载文件,php – 限制并行/同时下载 – 如何知道下载是否被取消?
- JavaScript重难点解析1(数据类型——var、let、const区别,类型补充,“===”、“typeof”、“instanceof”区别,Symbol数据类型)
- ASP.NET Web API 2框架揭秘
- Python入门之类与面向对象(一)
- Spark Runtime概述
- 计算机操作系统(吴企渊)pdf
- CTFshow-菜狗杯-misc(1-6)
- 商品详情页html手机,商品详情页.html
- iqooneo系统升级好不好_vivo iQOO手机系统更新好吗?
- 微信小程序--七彩爱心加载动画
- Python机器学习基础教程(1)Irises(鸢尾花)分类之新手上路
- 邮箱退信提示:“recipient does not have an account.”
热门文章
- 报名 | “阳奉阴违”的半监督学习算法 - Virtual Adversarial Training
- Python基础知识-优雅的with as语句
- 如何在visio2010的框图中插入公式?
- python plot方法的使用_【python】matplotlib.pyplot入门
- input输入框自动消除空格
- Spring Boot——一种包含分页和排序参数的接收方法DEMO
- Spring Boot——WebMvcConfigurerAdapter已过时解决方案
- Codeforces 1196E Connected Component on a Chessboard
- CG CTF WEB md5 collision
- Error creating bean with name ‘redisConnectionFactory‘ defined in class path resource