前端面试题中的送命题

冷不防 2022-12-09 03:10 130阅读 0赞

1.值和引用的问题，看下面代码输出结果

--------------------

2.下面我们来看一下闭包的问题，何为闭包，内部函数调用了外部的变量，函数执行完变量并不会释放，形成了闭包。合理利用闭包，闭包容易造成内存的泄漏。

// 闭包问题，一秒后输出10个10
    	for (var i = 0; i < 10; i++) { 
    	    setTimeout(() => { 
    	      console.log(i);
    	    }, 1000);
    	}
    	// 立即执行函数，输出0到9
    	for (var i = 0; i < 10; i++) { 
    	    (function(i) { 
    	      console.log(i);
    	    })(i);
    	}
    	// let 块级作用域，可解决闭包问题 输出0到9
    	for (let i = 0; i < 10; i++) { 
    	    setTimeout(() => { 
    	      console.log(i);
    	    }, 1000);
    	}

3.简述一下浏览器的垃圾回机制？  
在以前的ie浏览器中，垃圾回收机制采用的是引用计数法，即在程序执行中，声明或引用一次，它的次数就加一，同理重新声明一次，次数减一，当它为0时，他就会被浏览器清除回收了。这种做法暴露了一个问题，那就是如果变量自己引用自己或者循环引用时那它就不会被标记为0，也就不会被浏览器回收；所以目前主流浏览器都采用标记清除法来做垃圾回收，即程序执行了当前依赖的变量，该变量被标记为进入环境，当该方法执行完成了，变量又被标记为离开环境，所以离开环境的就自然被回收了。

4.css如何画一个三角形？（一个像素点的本质，是由四个三角形组成的）

.demo{ 
             width:0px;
             height:0px;
             border-top:5px solid transparent; // transparent透明属性，可随意调节三角形方向
             border-left: 5px solid transparent;
             border-right: 5px solid transparent;
             border-bottom: 5px solid red;
         }

5.函数防抖动（在项目中很多搜索以及新增变更的接口都要做函数防抖动处理，防止用户网卡时一直点击按钮一直调接口，数据库可能进入脏数据）

data() { 
    	return { 
    		timer: null
    	}
    }
    // 当你在间隔的时间内连续一直点击按钮执行这个方法，它每次进来都先清理定时器，所以逻辑代码并没有执行，等你停止点击，它会执行最后一次的定时器任务
    function add() { 
    	this.timer = null; // 每次点击这个方法，就把定时器里的代码清理
    	this.timer = setTimeout(() => { 
    		// 这里执行程序的逻辑代码以及调接口
    	}, 300);
    }

6.对象克隆引发的一系列问题。

7. console.log(\[‘1’, ‘2’, ‘3’\].map(parseInt));？？？？你知道结果吗？乍一看你直接回答\[1,2,3\],那么恭喜你，答错了，答案是\[1,NaN,NaN\],建议你看一下parseInt(string, radix)方法。

8.你能说一下盒模型吗？  
盒模型分两种，ie盒模型和W3C标准盒模型，ie盒模型也叫怪异盒模型，它的width宽度包括border，padding,content.而W3C盒模型的width仅是内容的宽度。两者之间的切换是：box-sizing:border-box;box-sizing:content-box;浏览器默认content-box（W3C标准盒模型）。

9.地址栏输入url发生了啥？  
a. dns域名解析  
b.建立tcp/ip连接  
c.发送http请求  
d.返回响应数据，前端渲染  
e.关闭连接  
10.  
0.1 + 0.2 == 0.3？ 答案很明显，肯定不相等，float加法后面还有小数位，0.1 + 0.2结果为0.30000000000000004