1、Es6数组去重
let arr = [1, 2, 2, 3];
let set = new Set(arr); //set是es6提出的类数组结构，不可添加重复元素
let newArr = Array.from(set); // Array.from方法可以将 Set 结构转为数组。
for(var i=0;i<newArr.length;i++){
document.write(newArr[i]);
}
2）双层for循环
var arr=['h','e','l','l','o','2',1,2,1,3,2];
for(var i=0; i<arr.length; i++){
for(var j=i+1; j<arr.length; j++){
if(arr[i] === arr[j]){
arr.splice(j,1)
j--;
}
}
}
3）indexOf()方法
var arr=['h','e','l','l','o','2',1,2,1,3,2];
var quchong=[];
for(var i=0; i<arr.length; i++){
if (quchong.indexOf(arr[i]) == -1) {
quchong.push(arr[i]);
}
}
2、什么是事件代理、事件代理的原理、为什么要用事件代理?
事件代理也可以称为事件委托、事件冒泡机制。
原理：由于事件会在冒泡阶段向上传播到父节点，因此可以把子节点的监听函数定义在父节点上，由父节点的监听函数统一处理多个子元素的事件，这种方法叫做事件的代理。
为什么要用事件代理：减少页面的重绘（减少dom操作）、节省内存（每个函数都会有一个对象，对象越多内存就会占的越多，如果用事件委托，就只会对它的父级进行操作，这样我就需要一个内存空间就够了）
3、移动端1px问题，为什么会有？如何解决？
因为在移动端，由于屏幕分辨率的不同，现在分为一倍屏、二倍屏、三倍屏。在不同的分辨率上，有可能一像素被渲然成二个像素点或者三个像素点，所以在实际写代码的时候，我们写的 border: 1px solid #000; 可能实际被渲然为 2px/3px；
解决方法：使用border-image替换border、使用viewport+rem、引入border.css、transfrom: scale来适配不同的分辨率。
4、jsonp的原理：
JSONP 是一种非正式传输协议，jsonp的原理就是利用script标签不受同源策略限制的特性，通过与后端协作，动态的创建script，并且传入一个回调函数，之后由后端返回一个动态生成的js文件，调用该回调函数来实现的。
5、在工作中你是如何优化自己的代码的？
1）避免重复
如果一行代码重复出现多次，那就封装一个函数放在一个恰当的位置。
2）表驱动编程
如果你的代码有很多 if ... else ... 结构，你不知道怎么优化，你就应该使用表驱动编程。
function calculateGrade(score){
if(score>=90){
return 'A'
}else if(score >= 80){
return 'B'
}else if(score >= 70){
return 'C'
}else if(score >= 60){
return 'D'
}else {
return 'E'
}
}
👇
function calculateGrade(score){
const table = {
100: 'A',
90: 'A',
80: 'B',
70: 'C',
60: 'D',
others: 'E'
}
return table[Math.floor(score/10)*10] || table['others']
}
3）命名规范
4）多做注释
6、axios是什么？如何使用？描述其实现登录的流程
Axios 是一个基于 promise 的 HTTP 库，简单的讲就是可以发送get、post请求，可以用在浏览器和node.js中，还有一些其他的配置：提供一些并发请求的方法，提供拦截器，可以实例化，进行基础配置，提供支持。
