面试题总结

1 css3新特性：
1）css3border圆角
2）border-image
3）盒子阴影 文字阴影
4）旋转 缩放 位移 倾斜
5）增加css选择器 多背景 rgba
6）媒体查询 多栏布局
2 html5标签新特性：
正确的标签包含正确的内容，结构良好，方便阅读，便于爬虫的查找，提高搜索率
3 callee和caller:
callee：返回一个对函数的引用，该函数调用了当前的函数
caller：返回正在被执行的function对象： 也就是所指定的function对象正文
4 造成内存泄露的方式：
1）意外的全局变量
2）没有清理的DOM元素引用
3）被遗忘的的定时器或回调
4）闭包
5 跨域的方式：
1）jsonp跨域
2）websocket 跨域
3）cors跨域
4）iframe跨域
5）设置代理服务器
6.继承的几种方式：
1）原型链继承
2）构造函数继承
3）寄生式继承
4）组合式继承
5）寄生组合式继承
7 ajax的工作原理：
通过XMLrequest 对象向服务器发送请求，向服务器获取数据，通过javascript操作DOM更新页面
ajax请求时如何解析json数据：
使用JSON.parse json字符串转json对象
使用JSON.stringtify json对象转json字符串
ajax中get和post的区别：
get：放在请求体中，限制大小，不安全，请求数据
post：放在虚拟载体里，提交数据
ajax的作用：
无需重新加载页面的情况下，能够更新部分网页
快速创建动态网页
8 同源定义：
两个窗口有相同的协议、主机名和端口号，这两个页面就属于同一个源。
9 前端优化：
1）使用css sprites 减少http请求次数
2）使用缓存
3）懒加载图片
4）压缩css js 文件
5）预加载 css js
6）避免dom的深层次嵌套
7）使用DOM修改样式时，把样式放到类中，直接给元素添加类，减少重构和回流
10 ES6新特性：
1）箭头函数
2）块级作用域：let和const
3）新增类
4）模板字面量
5）for of 循环
6）promise
11 同步和异步
同步：上一个程序执行完毕才会执行下一个程序
异步：上一个程序没有执行完毕就会执行下一个程序，上一个程序执行完后直接调用回调函数处理
12 浏览器的内核：
IE：trident 内核
firefox：geco内核
sarfari：webpit内核
opera：Blink内核
chrome：Blink内核
13 js对象
1）math对象
2）date对象
3）array对象
4）字符创对象
13.事件委托
利用事件冒泡的原理，将子元素的事件添加到父元素上
14.js的事件流模型：
事件冒泡：从最具体的元素到最不具体的元素逐级向上传播
事件捕获：从最具体的元素到最不具体的元素 主机向下传播
DOM事件流：事件冒泡 目标阶段 事件捕获
15. 什么是json：
JSON是一种轻量级的数据交换格式
json独立于语言和平台
json的数据格式：简单值，数组，对象
16 闭包
闭包: 就是一个函数能够获取其他函数内部变量的函数
闭包的好处：
1) 是一个变量长期驻扎在内存当中，不被GC回收
2) 避免全局变量的污染
3) 私有成员的存在
4) 安全性高
17 jsonp与ajax的区别：
jsonp：动态创建script标签
ajax：页面无刷新请求的数据操作
18 new 操作符的作用：
1）创建一个空对象，this变量引用该对象，并继承该对象的原型；
2）将空对象的属性和方法加入到this中；
3）空对象有this引用并隐式返回给this
19 link与@import区别：
1）link除了可以引用css 文件外还可以引用图片等资源文件，@import只能引入css文件
2）link引用css文件时与页面同时加载，@import在页面加载完毕后才被引用
3）link是XML提出的没有兼容性问题，@import是css2.1提出的低级浏览器不兼容
4）link支持js操作DOM更改样式，@import 不支持
20 cookie sessionStorage localStorage
cookie：在向后台发送请求时，cookie会被包裹在请求头中发送给后台
localStorage：同一域名下的所有页面都能访问localStorage数据，生命周期是永久性的，除非主动删除，否则永不过期
seeionStorage：在会话期间保存，窗口或客户端浏览器关闭后就会删除
区别：
cookie：存储量小，存储麻烦，没有固定的API，需要后台帮助设置，不安全，向后台发送请求时被包裹在请求头中，费流量；
localStorage：生命周期是永久性的，除非主动删除否则永不过期，数据可以跨越窗口使用，无视当前会话；
色诶onStorage：每个页面的信息都是独立拥有的，其他页面访问不到，只在会话期间保存，一旦页面关闭，信息就会全部删除