前端面试题记录

1、将“2020-12-15”转为时间对象

var str = "2020-12-15";
var newStr = str.replace(/-/g,'/');
var dateObj = new Date(newStr);
console.log(dateObj.getTime());

2、一个块级元素div,设置width=100px,在什么情况下，给它设置padding跟boder这两个属性，不改变他的宽度

这个考到了一个css3的新属性box-sizing
div{
	box-sizing:border-box;
   -moz-box-sizing:border-box; /* Firefox */
   -webkit-box-sizing:border-box; /* Safari */
}
测完了 ，没有问题

3、浏览器视图的最小单位是1px,那如果我想要一个0.5px，怎么实现

css3的新属性
{
     height: 1px;
     width: 100%;
     -webkit-transform: scaleY(0.5);
     -moz-transform: scaleY(0.5);
     transform: scaleY(0.5);}

4、谈谈你对闭包的理解，并写一个简单的例子

为了方便理解，增加相应的补充，我们都知道，js的作用域分两种，全局跟局部，基于我们所熟悉的作用域链的相关知识，我们知道在js作用域环境访问变量的权利是由内向外的，内部作用域可以获取当前作用域下的变量，并且可以获取当前作用域的外层作用域下的变量，反之则不能，也就是说在外层作用域下无法获取内层作用域下的变量，同样在不同的函数作用域中也是不能相互访问彼此变量的，所以就引出了闭包，闭包的本质就是在一个函数内部创建另一个函数
闭包的概念：定义在一个函数内部的函数，内部函数持有外部函数内变量的引用。
闭包的三个特性；
（1）、函数嵌套函数；
（2）、函数内部可以引用函数外部的参数和变量；
（3）、参数和变量不会被垃圾回收机制回收
函数作为返回值：
function outer(){
	var name = "lms";
	return  function (){
		return name;
	}
}
var test = outer();
console.log(test());
再看一个经典实例哈
function fn(){
	var num = 3;
	return function(){
		var n = 0;
		console.log(++n);
		console.log(++num);
}
}
var fn1 = fn();
fn1();//1 4
fn1();//1 5

经典二：定时器跟闭包
for(var i = 0;i < 5;i++){
    setTimeout(function(){
        console.log(i+'');
    },1000)
}
//5

for(var i = 0;i < 5;i++){
   (function(i){
        setTimeout(function(){
            console.log(i);
        },i*100)
   })(i)
}

闭包作为参数传递
var num = 15;
var fn1 = function(x){
	if(x > num){
		console.log(x);
	}
}
void function(fn2){
	var num = 100;
	fn2(30);
}(fn1)
//30

5、谈谈你对原型以及原型链的理解
copy一张图，我自己也没有理解

6、js的浅拷贝跟深拷贝的区别
7、路由的几种跳转方式

<router-link :to="url"></router-link>

// 字符串
router.push('home')

// 对象
router.push({ path: 'home' })

// 命名的路由
router.push({ name: 'user', params: { userId: '123' }})

// 带查询参数，变成 /register?plan=private
router.push({ path: 'register', query: { plan: 'private' }})

8、数组有哪些方法

//join将数组里面的元素组合成字符串
var arr = [1,2,4,5];
var newArr = arr.join(',');
console.log(newArr);//1,2,4,5

//pop从数组中删除最后一个元素
arr.pop();
console.log(arr,arr.length);//[1,2,3],3


//push在数组结尾处向数组添加一个新的元素
arr.push('6');
console.log(arr,arr.length);//[1,2,4,'6'],4


//shift会删除数组的首个元素
arr.shift();
console.log(arr,arr.length);//[2,4,'6']

//unshift在开头向数组添加新的元素
arr.unshift('a');
console.log(arr,arr.length);//["a", 2, 4, "6"] 4

let arr1= [1,2,3,4,5];
let sum = arr1.reduce((total,cur,index)=>{
    console.log(total,cur,index);
    return total+cur;
},10)

console.log(sum);