服务购

　　1、前端面试必会知识点--浏览器内核

　　IE浏览器的内核：Trident、Mozilla的Gecko、Chrome的Blink（WebKit的分支）、　Opera内核原为Presto，现为Blink

　　2、前端面试必会知识点--行内元素有哪些?块级元素有哪些?CSS的盒模型?

　　块级元素：div p h1 h2 h3 h4 form ul

　　行内元素: a b br i span input select

　　Css盒模型:内容，border ,margin，padding

　　3、前端面试必会知识点--简述一下你对HTML语义化的理解？

　　HTML语义化是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。

　　HTML语义化的主要目的是：

　　1).为了在没有css的情况下，页面也能呈现出很好地内容结构、代码结构

　　2).有利于用户体验

　　3).有利于SEO和搜索引擎建立良好的沟通。

　　4).方便其他设备解析以意义的方式来渲染网页、

　　5).便于团队开发和维护，增加可读性。

　　4、前端面试必会知识点--前端页面有哪三层构成，分别是什么？作用是什么？

　　最准确的网页设计思路是把网页分成三个层次，即：结构层、表示层、行为层。

　　网页的结构层（structural layer）由 HTML 或 XHTML 之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P 标签表达了这样一种语义：“这是一个文本段。”

　　网页的表示层（presentation layer）由 CSS 负责创建。 CSS 对“如何显示有关内容”的问题做出了回答。

　　网页的行为层（behavior layer）负责回答“内容应该如何对事件做出反应”这一问题。这是 Javascript 语言和 DOM 主宰的领域。

　　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

　　移除的元素

　　纯表现的元素：basefont，big，center，font, s，strike，tt，u；

　　对可用性产生负面影响的元素：frame，frameset，noframes；

　　支持HTML5新标签：

　　IE8/IE7/IE6支持通过document.createElement方法产生的标签，

　　可以利用这一特性让这些浏览器支持HTML5新标签，

　　浏览器支持新标签后，还需要添加标签默认的样式。

　　6、前端面试必会知识点--请描述一下 cookies，sessionStorage 和 localStorage 的区别？

　　cookie在浏览器和服务器间来回传递。 sessionStorage和localStorage不会

　　sessionStorage和localStorage的存储空间更大；

　　sessionStorage和localStorage有更多丰富易用的接口；

　　sessionStorage和localStorage各自独立的存储空间。

　　7、前端面试必会知识点--CSS引入的方式有哪些? link和@import的区别是?

　　内联 内嵌 外链 导入

　　区别 ：同时加载

　　前者无兼容性，后者CSS2.1以下浏览器不支持

　　Link 支持使用javascript改变样式，后者不可

　　8、前端面试必会知识点--CSS清除浮动的几种方法（至少两种）

　　使用带clear属性的空元素

　　使用CSS的overflow属性；

　　使用CSS的:after伪元素；

　　使用邻接元素处理。