2020前端面试笔试题（一）

记录面试题
第一家：
1.手写一个方法从地址栏中的URL获取参数；
2.es6的特性；
3.let，const和var的区别
4.普通函数和箭头函数的区别
5.vue数据双向绑定在什么时候监听不到变化
6.scoped的原理，如何实现css不影响全局样式
第二家：
笔试题（部分遗忘了）
1.if(!("a" in window)){var a = 10}
2.function add(){ let a = 10; } console.log(a)
3.

console.log("script start");
async function async1() {
    console.log("async1");
    await async2();
}
 
async function async2() {
    console.log("async2");
}
 
setTimeout(function() {
    console.log("setTimeout");
}, 0);
 
new Promise(function(resolve) {
    resolve();
}).then(function() {
    console.log("promise1");
});
.then(function() {
    console.log("promise2");
});
 
console.log("script end");

[[1, 2], [3, 4]].map(([a, b]) => a);
[[1, 2], [3, 4]].map(([a, b]) => b);
[[1, 2], [3, 4]].map(([a, b]) => a + b);

5.重排和回流
6.防抖和节流
7.冒泡排序
8.实现v-modle的原理

<input type="text" id="in"/>
<span id="out" /> 

9.一个深浅拷贝写输出结果的题，具体题目忘了
10.数组去重的方法（两种）
11.实现一个div居中（两种）

第三家
1.css样式优先级如何计算
2.{box-sizing:border-box;}和{box-sizing:content-box;}的区别
3.js事件监听机制是什么，如何实现js事件委托
4.vue中如何实现页面授权
5.http缓存，强缓存和协商缓存，对应的code有哪些
6.v-model的语法糖
7.写一个add()函数，使add(2)(3)和add(2,3)返回的结果相同
8.实现一个不定高的div垂直居中
9.深浅拷贝的区别
第四家
1.

var a=null,b =null;
console.log(a==b)
console.log(a===b)

2.v-model是什么？怎么使用？vue中标签怎么绑定事件？
3.斐波那契数列指的是这样一个数列：1、1、2、3、5、8、13、21、34、……
前两项为1，从第三项起，每一项等于前两项的和，即F(1)=1，F(2)=1, F(n)=F(n-1)+F(n-2)（n>=3，n∈N*）
请用JS实现：输入斐波那契数列的项数，输出该项的值
4.css实现一个三角形
5.数组去重