前端每日面试题（2）

web Storage和cookie区别

Web Storage的概念和cookie相似，区别是它是为了更大容量存储设计的。Cookie的大小是受限的，并且每次你请求一个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽（单位时间内能传输的数据量），另外cookie还需要自动作用域，不可以跨域调用。

除此之外，Web Storage 拥有setItem、removeItem、clear等方法，不像cookie需要前端开发者自己封装setCookie、getCookie。

但是Cookie也是不可或缺的：Cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在，而Web Storage仅仅是为了在本地“存储”数据而生

---

display：none 和 visibility：hidden 及 opacity 的区别

display:none  隐藏对应的元素，在文档布局中不再给它分配空间，它各边的元素会合拢，就当他从来不存在。

visibility:hidden  隐藏对应的元素，但是在文档布局中仍保留原来的空间。

opacity 也可以实现隐藏于显示，也会占据位置，但是会有兼容性问题（IE）