2018BAT最新前端必考面试题.pdfVIP

2018 BAT 最新 《前端必考面试题》 1、Doctype作用? 严格模式与混杂模式如何区分 ？它们有何意义? （1 ）、 声明位于文档中的最前面 ，处于 标签之前。告知浏览器的解析器 ，用什么 文档类型 规范来解析这个文档。 （2 ）、严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。 （3 ）、在混杂模式中 ，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为 以防止站点无法工作。 （4 ）、DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。 2、行内元素有哪些 ？块级元素有哪些 ？ （1 ）CSS规范规定 ，每个元素都有 display 属性 ，确定该元素的类型 ，每个元素 都有默认的 display 值 ，比如 div 默认 display 属性值为 “block” ，成为 “块级” 元素 ； span默认 display 属性值为 “inline” ，是 “行内”元素。 （2 ）行内元素有 ：a b span img input select strong （强调的语气 ） 块级元素 有 ：div ul ol li dl dt dd h1 h2 h3 h4…p 3、link 和@import 的区别是 ？ （1 ）link属于 XHTML标签 ，而@import 是 CSS提供的; （2 ）页面被加载的时 ，link会同时被加载 ，而@import 引用的 CSS会等到页面被 加载完再加载; （3 ）import 只在 IE5以上才能识别 ，而 link是 XHTML标签 ，无兼容问题; （4 ）link方式的样式的权重 高于@import 的权重. 4、浏览器的内核分别是什么? IE浏览器的内核 Trident、Mozilla 的 Gecko、Chrome 的 Blink（WebKit 的分支 ）、 Opera 内核原为 Presto ，现为 Blink ； 5、HTML5有哪些新特性 ？如何处理 HTML5新标签的浏览器兼容问题 ？如何区 分 HTML 和 HTML5？ HTML5 现在已经不是 SGML 的子集 ，主要是关于图像 ，位置 ，存储 ，多任务等 功能的增加。 绘画 canvas 用于媒介回放的 video 和 audio 元素 本地离线存储 localStorage 长期存储数据 ，浏览器关闭后数据不丢失 ； sessionStorage 的数 据在浏览器关闭后自动删除 语意化更好的内容元素 ，比如 article、footer、header、 nav、section 表单控件 ，calendar、date、time、email、url、search 新的 技术 webworker, websockt, Geolocation 6、对语义化如何理解 ？ 用正确的标签做正确的事情 ！ HTML语义化就是让页面的内容结构化 ，便于对浏览器、搜索引擎解析 ；在没有样 式 CCS情况下也以一种文档格式显示 ，并且是容易阅读的。搜索引擎的爬虫依赖于 标记来确定上下文和各个关键字的权重 ，利于 SEO。使阅读源代码的人对网站更容 易将网站分块 ，便于阅读维护理解。 7、HTML5的离线储存有几种方式 ？ localStorage长期存储数据 ，浏览器关闭后数据不丢失 ；sessionStorage 数据在 浏览器关闭后自动删除。 8、iframe有那些缺点 ？ iframe会阻塞主页面的 Onload事件 ； iframe和主页面共享连接池 ，而浏览器对相同域的连接有限制 ，所以会影响页面的 并行加载。使用 iframe之前需要考虑这两个缺点。如果需要使用 iframe ，最好是 通过javascript 动态给 iframe添加 src属性值 ，这样可以可以绕开以上两个问题。 9、请描述一下 cookies ，sessionStorage 和 localStorage 的区别 ？ cookie 在浏览器和服务器间来回传递。 sessionStorage 和 localStorage 不会 sessionStorage 和 localStorage 的 存 储 空 间 更 大 ；sessionStorage 和 localStorage有更多丰富易用的接口 ；sessionStorage和 localStorage各自独立 的存储空间 ； 10、CSS 选择符有哪些 ？哪些属性可以继承 ？优先级算法如何计算 ？ CSS3新增 伪类有那些 ？ 1.id选择器 （# myid