小小面试题（五）

一、px 和 em 的区别？
1、px 和 em 都是长度单位；
2、px 的值是固定的；
3、em 的值不是固定的，并且 em 会继承父级元素的字体大小；
4、浏览器的默认字体高都是 16px。所以未经调整的浏览器都符合: 1em=16px。
二、对 BFC 规范的理解？
1、BFC，块级格式化上下文，一个创建了新的 BFC 的盒子是独立布局的，盒子里面的子元
素的样式不会影响到外面的元素；
2、W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行布局，以及与其他元
素的关系和相互作用。
形成 BFC:
1.float 的值不为 none；
2.overflow 的值不为 visible；
3.display 的值为 table-cell, table-caption, inline-block 中的任何一个；
4.position 的值不为 relative 和 static。
BFC 的规则:
BFC 中的元素的布局是不受外界的影响（我们往往利用这个特性来消除浮动元素对其非
浮动的兄弟元素和其子元素带来的影响。）并且在一个 BFC 中，块盒与行盒（行盒由一行中
所有的内联元素所组成）都会垂直的沿着其父元素的边框排列。
三、html 语义化？
1、当页面加载失败时页面能够呈现清晰的结构；
2、利于搜索引擎的优化；
3、便于项目的开发和维护，使HTML代码更具可读性，便于其他设备解析。
四、为什么利用多个域名来存储网站资源会更有效？
1、CDN 缓存更方便
2、突破浏览器并发限制
3、节约 cookie 带宽
4、节约主域名的连接数，优化页面响应速度
5、防止不必要的安全问题
五、请描述一下 cookies，sessionStorage 和 localStorage 的区别？
1、sessionStorage：非持久化本地存储（会话级别的存储）；
2、localStorage：用于持久化本地存储；
3、cookie的大小受限制，每请求一个新的页面的时候cookie都会被发送过去，这样无形中浪费了资源，另外
cookie还需指定作用域，不可跨域调用；cookie的作用，与服务器进行交互，作为HTTP规范的一部分而存在
4、web Storage拥有 setItem,getItem,removeItem,clear 等方法，不像 cookie需要前端开发者自己封装 setCookie，getCookie，Web Storage仅仅是为了本地“存储”数据而生。