html5面试题集合.doc

一.闭包的理解: 使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。 闭包三个特性: 1.函数嵌套函数?2.函数内部可以引用外部的参数和变量?3.参数和变量不会被垃圾回收机制回收 二.Cookie的弊端: cookie虽然在持久保存客户端数据提供了方便，分担了服务器存储的负担，但还是有很多局限性的; 每个特定的域名下最多生成20个cookie;IE和Opera 会清理近期最少使用的cookie，Firefox会随机清理cookie;cookie的最大大约为4096字节，为了兼容性，一般不能超过4095字节; 优点：极高的扩展性和可用性 通过良好的编程，控制保存在cookie中的session对象的大小。 通过加密和安全传输技术（SSL），减少cookie被破解的可能性。 只在cookie中存放不敏感数据，即使被盗也不会有重大损失。 控制cookie的生命期，使之不会永远有效。偷盗者很可能拿到一个过期的cookie。 缺点: Cookie数量和长度的限制。每个domain最多只能有20条cookie，每个cookie长度不能超过4KB，否则会被截掉。 安全性问题。如果cookie被人拦截了，那人就可以取得所有的session信息。即使加密也与事无补，因为拦截者并不需要知道cookie的意义，他只要原样转发cookie就可以达到目的了。 有些状态不可能保存在客户端。例如，为了防止重复提交表单，我们需要在服务器端保存一个计数器。如果我们把这个计数器保存在客户端，那么它起不到任何作用。 浏览器本地存储 在较高版本的浏览器中，js提供了sessionStorage和globalStorage。在HTML5中提供了localStorage来取代globalStorage。 html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。 sessionStorage:用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。 localStorage:用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。 四.web storage和cookie的区别 Web Storage的概念和cookie相似，区别是: Web storage:1.是为了更大容量存储设计的。2.Web Storage拥有setItem,getItem,removeItem,clear等方法.3.Web Storage仅仅是为了在本地“存储”数据而生 Cookie:1.大小是受限的，并且每次你请求一个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽;2.cookie还需要指定作用域，不可以跨域调用。3.需要前端开发者自己封装setCookie，getCookie.4.cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在; **localStorage和sessionStorage都具有相同的操作方法，例如setItem、getItem和removeItem等** 五.cookie 和session 的区别： 1.cookie数据存放在客户的浏览器上，session数据放在服务器上。 2.cookie不是很安全，别人可以分析存放在本地的COOKIE并进行COOKIE欺骗 考虑到安全应当使用session。 3.session会在一定时间内保存在服务器上。当访问增多，会比较占用你服务器的性能 考虑到减轻服务器性能方面，应当使用COOKIE。 4.单个cookie保存的数据不能超过4K，很多浏览器都限制一个站点最多保存20个cookie。 5.所以个人建议:将登陆信息等重要信息存放为SESSION其他信息如果需要保留,可以放在COOKIE中 六.display:none和visibility:hidden的区别？ display:none:隐藏对应的元素，在文档布局中不再给它分配空间，它各边的元素会合拢， 就当他从来不存在。 visibility:hidden:隐藏对应的元素，但是在文档布局中仍保留原来的空间。 七.CSS中 link 和@import 的区别是？ 1.link属于HTML标签，而@import是CSS提供的; 2.页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载; 3.import只在IE5以上才能识别，而link是HTML标签，无兼容问题; 4.link方式的样式的权