前端面试题

最新推荐文章于 2024-11-11 09:45:18 发布

Hickey，

最新推荐文章于 2024-11-11 09:45:18 发布

阅读量195

点赞数 1

文章标签：前端

本文链接：https://blog.csdn.net/HIcKeyzx/article/details/136888346

版权

1.display：none 和 visibilty:hidden的区别

display：none不占用空间，也就是不在文档流中，visibility：hidden还在文档流中

display：none设置之后他的子元素不可见，visibility：hidden的子元素如果设置visibility：visible还可以看到

2.隐藏元素的方法有：

display：none

visibility：hidden

opacity：0

也可以使用left：-9999px 或者 transform：translateX（-9999px）把元素移除视口外部

3.用css画一个三角形

<!DOCTYPE html>  
<html>  
<head>  
    <title>test</title>  
    <style type="text/css">  
        #triangle {  
            /*1.内容区面积为0*/  
            width: 0;  
            height: 0;  
            /*2.设置边框样式*/  
            border: 10px solid;  
            border-color: white white red white;  
        }  
    </style>  
</head>  
<body>  
    <div id="triangle"></div>  
</body>  
</html>

4.数组排序

5.箭头函数和普通函数有什么区别，箭头函数为什么不能用作构造函数

箭头函数在一些情况下书写更简洁（如果只有一个参数、函数体直接返回值的时候）

箭头函数没有自己的this，箭头函数内的this变量指向外层非箭头函数的函数的this，或者将该箭头函数作为属性的对象。箭头函数也不支持call（）/apply（）函数特性

箭头函数内部不可以使用argument对象

箭头函数不可以当做构造函数：构造函数是通过new关键字来生成对象实例，生成对象实例的过程也是通过构造函数给实例绑定this的过程，而箭头函数没有自己的this。创建对象过程，new首先会创建一个空对象，并且将这个空对象的_proto_指向构造函数额度prototype，从而继承原型上的方法，但是箭头函数没有prototype。因此不能使用箭头函数作为构造函数，也就不能通过new操作符来调用箭头函数。