前端面试宝典

       躁动了好久决定换个工作，好久没出去面试，心里有点慌。遂博览各家以及自己的面试经历，拟面试宝典一份，以供众人。如有差池还望海涵并指正。持续更新........

HTML部分

1、h5新特性

1）、新标签    

        Input 新的类型，比如telephone、email

        画图Convas

        header、footer

        视屏、音频新标签

2）、本地存储

         localstorage、sessionstorage（setItem,getItem,不能跨域）

3）、即时通讯

         Websocket（有了解，没用过）

4）、Application Cache 机制

2、行内元素、块级元素

行内元素 比如，img,span,input。设置width、padding、margin无效，尽量排在一行，超过一行会换行。

块级元素，div,h1-h6,table,p。独占一行，可以设置width、height、margin

3、iframe

 这块儿是我的盲点，我只知道跨域有用，可以加载第三方网页。

CSS部分

 

1、盒模型

首先盒模型分两种，一种是标准盒模型，一种是IE盒模型。一个盒子都包含四部分文本内容conent、内边距padding、边框border、外边距margin。在标准盒模型上，一个元素的设置width代表了content的宽度。但IE盒模型，width包括content、padding以及border。IE8以下默认IE盒模型。

问盒模型一般还会问道box-sizing,box-sizing是css3新特性，ie8也兼容。box-sizing设置为border-box类似于ie盒模型的效果，box-sizing的默认值是content-box,对应标准盒模型。

 

2、inline、inline-block、block