面试基础知识（转）

转自 http://www.qdfuns.com/notes/18316/c93cfd83201d9946de4529b0649c0c98.html

1.什么是闭包
有权限访问另一个函数里面的局部变量
优点：减少全局变量污染，变量可以保存在内存中
缺点：占用内存，容易造成内存泄露

2.html5新特性
1.增加一些语义化新标签：header aside section footer nav等
2.增加媒体标签video audio
3.增加本地存储新方法，localStorage和sessionStorage
4.新增一些表单输入类型如search、email、date、number、range等

3.cookie和localStorage的区别
cookie在浏览器和服务器间来回传递，而localStorage只保存在本地；cookie能保存的数据较小，不能超过4K；cookie有过期时间，localStorage长期存在

4.数据类型
string number boolean array object undefined null 
typeof(null)//object
typeof(undefined)//undefined
typeof(NaN)//number
undefined===null//false
undefined==null//ture
NaN和谁比较都是false


5.javascript内置对象
string number date boolean array math RegExp global

6.浏览器内置对象
window screen history localtion Navigator

7.怎么理解语义化
根据结构选用正确的标签，这样做文档结构会更清晰也有利于SEO

8.怎么提升网站性能
使用cdn
根据需求使用懒加载和预加载
减少http请求，合并压缩样式文件和js，使用精灵图
样式放在头部，js放在body后面
减少dom操作，用innerHTML代替

9.阻止事件冒泡
var e=e||event;
W3C方法：e.stopPropagation
IE:e.cancelBubble = ture

10.阻止浏览器默认事件
e.preventDefault();

11.事件冒泡和事件委托
事件冒泡是当子元素触发了一个事件，它的上一级也会触发该事件
事件委托是利用事件冒泡的原理将事件绑定在它的父级上，这样做就不用每个子元素都要去绑定挺高性能

12.利用css做三角形
div.san{width:0;height:0;border-width:20px;border-style:solid;border-color:transparent transparent transparent red;}

13.常见状态码
304：请求的内容缓存在本地
200：请求成功
403：服务器已经理解请求，但拒绝执行
404：请求失败，请求的内容在服务器上未被找到