前端面试总结

1.cc3和h5的新特性
1.h5:语义化更好的内容标签(header,nav,footer ,aside, article, section)
2表单控件 calendar , date , time , email , url , search , tel , file , number
3拖拽释放(Drap and drop) API ondrop
1.C3:颜色: 新增RGBA , HSLA模式
2.文字阴影(text-shadow)
3.边框: 圆角(border-radius) 边框阴影 : box-shadow
4.盒子模型: box-sizing
5.背景:background-size background-origin background-clip
6.渐变: linear-gradient , radial-gradient
7.过渡 : transition 可实现动画
8.自定义动画 animate @keyfrom
9.媒体查询 多栏布局 @media screen and (width:800px) {…}
10.border-image
11.2D转换;transform: translate(x,y) rotate(x,y) skew(x,y) scale(x,y)
12.3D转换
13.字体图标 font-face
14.弹性布局flex
2 var 和let和const的区别
一、var声明的变量会挂载在window上，而let和const声明的变量不会：
二、var声明变量存在变量提升，let和const不存在变量提升
Console…log(x)
Var x=100; //unedfined
三、let和const声明形成块作用域
四、同一作用域下let和const不能声明同名变量，而var可以
五、暂存死区
六、const：

1、一旦声明必须赋值,不能使用null占位。
*

• 2、声明后不能再修改
• 3、如果声明的是复合类型数据，可以修改其属性

3.ES6新特性
1.不一样的变量声明：const和let
2.模板字符串
3.箭头函数（Arrow Functions）
不需要 function 关键字来创建函数
省略 return 关键字
继承当前上下文的 this 关键字
4. 函数的参数默认值
7.对象和数组解构
9.for…of 和 for…in
5浏览器的兼容性问题
1.IE浏览器只能使用var关键字来定义常量
2.不同浏览器的标签默认的外边距和内边距不同
3.IE6下图片下有空隙的产生

6.ajax的步骤
什么是ajax?
ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页。
如何使用ajax?
第一步，创建xmlhttprequest对象，var xmlhttp =new XMLHttpRequest（);XMLHttpRequest对象用来和服务器交换数据。
var xhttp;
if (window.XMLHttpRequest) {
//现代主流浏览器
xhttp = new XMLHttpRequest();
} else {
// 针对浏览器，比如IE5或IE6
xhttp = new ActiveXObject(“Microsoft.XMLHTTP”);
}
第二步，使用xmlhttprequest对象的open（）和send（）方法发送资源请求给服务器。
第三步，使用xmlhttprequest对象的responseText或responseXML属性获得服务器的响应。
第四步，onreadystatechange函数，当发送请求到服务器，我们想要服务器响应执行一些功能就需要使用onreadystatechange函数，每次xmlhttprequest对象的readyState发生改变都会触发onreadystatechange函数
7get和post的区别
。
1.GET比POST更不安全，因为参数直接暴露在URL上，所以不能用来传递敏感信息。
2.GET请求在URL中传送的参数是有长度限制的，而POST么有。
3.GET请求只能进行url编码，而POST支持多种编码方式

8.v-for为什么要绑定key
1.vue中列表循环需要加key=’唯一的标识’,唯一的标识可以是item里面id index等，因为vue组件高度复用增加Key可以标识组件的唯一性，为了更好地区分各别组件key的作用主要是为了高效的更新虚拟dom