名企前端面试真题.docx

下载文档

2
0
约4.15千字
约 6页
2019-10-08 发布于安徽
举报
版权申诉
保障服务

名企前端面试真题.docx

1、本文档共6页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。

随着移动互联网的兴起，HTML5 技术发进一步发展，拥有全栈能力的高级前端工程师，迅速成为每个 IT 企业不可或缺的岗位。作为新兴的专业，正在展示他蓬勃发展的前景，一骑绝尘，成为市场的宠儿，成为企业争抢的香饽饽，随着HTML5 等 web 前端技术兴起，前端开发大潮已经袭来！一、HTML 和 CSS1、你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?IE: trident 内核Firefox：gecko 内核Safari:webkit 内核Opera:以前是 presto 内核，Opera 现已改用 Google Chrome 的 Blink 内核Chrome:Blink(基于 webkit，Google 与 Opera Software 共同开发)2、每个 HTML 文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。（重点：告诉浏览器按照何种规范解析页面）3、Quirks 模式是什么？它和 Standards 模式有什么区别从 IE6 开始，引入了 Standards 模式，标准模式中，浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度。在 IE6 之前 CSS 还不够成熟，所以 IE5 等之前的浏览器对 CSS 的支持很差， IE6 将对 CSS提供更好的支持，然而这时的问题就来了，因为有很多页面是基于旧的布局方式写的，而如果 IE6 支持 CSS 则将令这些页面显示不正常，如何在即保证不破坏现有页面，又提供新的渲染机制呢？在写程序时我们也会经常遇到这样的问题，如何保证原来的接口不变，又提供更强大的功能，尤其是新功能不兼容旧功能时。遇到这种问题时的一个常见做法是增加参数和分支，即当某个参数为真时，我们就使用新功能，而如果这个参数不为真时，就使用旧功能，这样就能不破坏原有的程序，又提供新功能。IE6 也是类似这样做的，它将 DTD 当成了这个“参数”，因为以前的页面大家都不会去写 DTD，所以 IE6 就假定如果写了 DTD，就意味着这个页面将采用对 CSS 支持更好的布局，而如果没有，则采用兼容之前的布局方式。这就是 Quirks模式（怪癖模式，诡异模式，怪异模式）。总体会有布局、样式解析和脚本执行三个方面的区别。盒模型：在 W3C 标准中，如果设置一个元素的宽度和高度，指的是元素内容的宽度和高度，而在 Quirks 模式下，IE 的宽度和高度还包含了 padding 和 border。设置行内元素的高宽：在?Standards?模式下，给<span>等行内元素设置?wdith?和?height?都不会生效，而在?quirks?模式下，则会生效。设置百分比的高度：在?standards?模式下，一个元素的高度是由其包含的内容来决定的，如果父元素没有设置百分比的高度，子元素设置一个百分比的高度是无效的用 margin:0 auto?设置水平居中：使用?margin:0 auto?在?standards?模式下可以使元素水平居中，但在?quirks?模式下却会失效。（还有很多，答出什么不重要，关键是看他答出的这些是不是自己经验遇到的，还是说都是看文章看的，甚至完全不知道。） 4、div+css?的布局较?table?布局有什么优点？改版的时候更方便?只要改?css?文件。页面加载速度更快、结构化清晰、页面显示简洁。表现与结构相分离。易于优化（seo）搜索引擎更友好，排名更容易靠前。 5、?img?的?alt?与?title?有何异同？?strong?与?em?的异同？ a:alt(alt text):为不能显示图像、窗体或?applets?的用户代理（UA），alt?属性用来指定替换文字。替换文字的语言由?lang?属性指定。(在?IE?浏览器下会在没有?title?时把?alt 当成?tool tip?显示) title(tool tip):该属性为设置该属性的元素提供建议性的信息。 strong:粗体强调标签，强调，表示内容的重要性 em:斜体强调标签，更强烈强调，表示内容的强调点 6、你能描述一下渐进增强和优雅降级之间的不同吗? 渐进增强?progressive enhancement：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级?graceful degradation：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。区别：优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强