紧张而又忙碌的二阶段马上就要接近尾声，感觉来到千锋Web前端培训对自己的收获和帮助真的很大。每天早上8:30到班开始学习，白天忙忙碌碌的一天学习生活过得格外充实饱满，晚上回去已经11点左右了。很感谢当时的自己能一直坚持下来，希望自己技术可以越来越好，不辜负自己。接下来分享一下近期所掌握的Web前端面试题。

　　一、Doctype的作用? 严格模式和混杂模式的区分，以及如何触发这2种模式?

　　Doctype声明位于文档中的前面，处于标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

　　严格模式就是浏览器根据web标准去解析页面，是一种要求严格的DTD，不允许使用任何表现层的语法，

　　混杂模式是一种向后兼容的解析方法。

　　触发标准模式或者说严格模式很简单，就是Html前申明正确的DTD，出发混杂模式可以在html文档开始不声明DTD，或者在DOCTYPE前加入XML声明。

　　二、语义化的理解?

　　1.html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析;

　　2.在没有样式CCS情况下也以一种文档格式显示，并且是容易阅读的。

　　3.搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。

　　4.使阅读源代码的人对网站容易将网站分块，便于阅读维护理解。

　　三、列举5种IE haslayout的属性及其值

　　haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用 了 hasLayout 的属性，属性值可以为true或false。当一个元素的 hasLayout 属性值为true时，我们说这个元素有一个布局(layout)

　　部分的 IE 显示的错误，都可以通过激发元素的 haslayout 属性来修正。可以通过设置 css 尺寸属性(width/height)等来激发元素的 haslayout，使其“拥有布局”。如下所示，通过设置以下 css 属性即可。

　　* display: inline一block

　　* height: (任何值除了auto)

　　* float: (left 或 right)

　　* position: absolute

　　* width: (任何值除了auto)

　　* writing一mode: tb一rl;(实现文字可以垂直显示，具体意义可百度了解)

　　* zoom: (除 normal 外任意值)

　　Internet Explorer 7 还有一些额外的属性(不完全列表):

　　* min一height: (任意值)

　　* max一height: (除 none 外任意值)

　　* min一width: (任意值)

　　* max一width: (除 none 外任意值)

　　* overflow: (除 visible 外任意值)

　　* overflow一x: (除 visible 外任意值)

　　* overflow一y: (除 visible 外任意值)

　　* position: fixed

　　四、简述jpg，gif，png-8，png-24的区别，及其各自的使用场景

　　gif、jpg、png格式的图片在网站制作中的区别

　　Gif格式特点:

　　1.透明性,Gif是一种布尔透明类型，既它可以是全透明，也可以是全不透明，但是它并没有半透明(alpha透明)。

　　2.动画,Gif这种格式支持动画。

　　3.无损耗性,Gif是一种无损耗的图像格式，这也意味着你可以对gif图片做任何操作也不会使得图像质量产生损耗。

　　4.水平扫描,Gif是使用了一种叫作LZW的算法进行压缩的，当压缩gif的过程中，像素是由上到下水平压缩的，这也意味着同等条件下，横向的gif图片比竖向的gif图片加小。例如500*10的图片比10*500的图片加小

　　5.间隔渐进显示,Gif支持可选择性的间隔渐进显示

　　由以上特点看出只有256种颜色的gif图片不适合照片，但它适合对颜色要求不高的图形(比如说图标，图表等)，它并不是优的选择，我们会在后面中看到png是优的选择。