web前端开发面试题汇总.pdfVIP

w e b 前 端 开 发 面 试 题 汇 总 1 天前 653 浏览 前端面试题汇总 HTMLCSS 1.常用那几种浏览器测试有哪些内核 (LayoutEngine) (Q1) 浏览器： IE，Chrome ，FireFox ，Safari ，Opera 。 (Q2) 内核：Trident ，Gecko ，Presto ，Webkit 。 2. 说下行内元素和块级元素的区别行内块元素的兼容性使用 （IE8 以下） 行内元素：会在水平方向排列，不能包含块级元素，设置 width 无效， height 无效 (可以设置 line-height) ，margin 上下无效， padding 上下无效。 块级元素：各占据一行，垂直方向排列。从新行开始结束接着一个断行。 兼容性： display:inline-block;display:inline;zoom:1; 3.清除浮动有哪些方式比较好的方式是哪一种 （1）父级 div 定义 height 。 （2 ）结尾处加空 div 标签 clear:both 。 （3 ）父级 div 定义伪类 :after 和 zoom 。 （4 ）父级 div 定义 overflow:hidden 。 （5 ）父级 div 定义 overflow:auto 。 （6 ）父级 div 也浮动，需要定义宽度。 （7 ）父级 div 定义 display:table 。 （8 ）结尾处加 br 标签 clear:both 。 总结：比较好的是第 3 种方式，简洁方便。 常用的属性有哪些分别有什么作用 常用的属性： box-sizing:content-boxborder-boxinherit; 作用： content-box: 宽度和高度分别应用到元素的内容框 。在宽度和高度之外绘制元素的内边距和 边框 (元素默认效果 )。 border-box: 元素指定的 任何内边距和边框都将在已设定的宽度和高度内进行绘制 。通过从已设定 的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 作用标准模式与兼容模式各有什么区别 (Q1) 告知浏览器的解析器用什么文档标准解析这个文档 。DOCTYPE 不存在或格式不正确会 导致文档以兼容模式呈现。 (Q2) 标准模式的排版和 JS 运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以 宽松的向后兼容的方式显示 ,模拟老式浏览器的行为以防止站点无法工作。 为什么只需要写 Doctypehtml HTML5 不基于 SGML ，因此不需要对 DTD 进行引用 ;但是需要 doctype 来规范浏览器的行为 （让浏览器按照它们应该的方式来运行） 。而基于 SGML, 所以需要对 DTD 进行引用， 才能告知浏 览器文档所使用的文档类型。 7. 页面导入样式时，使用 link 和 @import 有什么区别 （1）link 属于 XHTML 标签，除了加载 CSS 外，还能用于定义 RSS, 定义 rel 连接属性等作用； 而@import 是 CSS 提供的，只能用于加载 CSS; （2 ）页面被加载的时， link 会同时被加载，而 @import 引用的 CSS 会等到页面被加载完再加载 ; （3 ）import 是提出的，只在 IE5 以上才能被识别，而 link 是 XHTML 标签，无兼容问题。 总之， link 要优于 @import 。 8.介绍一下你对浏览器内核的理解 IE 浏览器的内核 Trident 、Mozilla 的 Gecko 、Chrome 的 Blink （WebKit 的分支）、 Opera 内 核原为 Presto ，现为 Blink ； 内核主要分成两部分： 渲染引擎 (layoutengineer 或 Re