小米前端面试-2016年

问答题

1、 说一下CSS的盒模型？

2、 常用的跨域方法。

3、 说一下em和rem的区别。

4、 说一下cookie和localeStorage，sessionStorage。

参考答案：

1、答：盒子模型分为两类：W3C标准盒子模型和IE盒子模型 　　

这两者的关键差别就在于：

W3C盒子模型——属性高（height）和属性宽（width）这两个值不包含 填充（padding）和边框（border）

IE盒子模型——属性高（height）和属性宽（width）这两个值包含 填充（padding）和边框（border）

2、一般说2-3种即可。答：图像Ping：使用<img>标签，因为网页可以从任何网页中加载图片，而不用担心跨域。请求数据通过字符串形式发送，而响应可以是任何内容。这种方法，1）只能发送get请求。2）浏览器无法获取响应数据。3）只适用于浏览器与服务器之间的单向通信

JSONP：通过动态<script>元素使用，使用时为src指定一个跨域url。有两部分：1）回调函数：响应到来时在页面中使用；2）数据：传入回调函数中的JSON数据

设置document.domain：只适用于主域相同子域不同

3、答em指的是与父级元素相对，会继承父级元素字体大小；rem指的是相对html根元素

4、答sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。存储大小：cookie数据大小不能超过4k；sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。