前端笔试题(五)

发布时间:2024年01月18日

1.let a=1;let b=2;如何在不声明第三个变量的情况下,让a=2;b=1

  1. 第一种解法

    • a=a+b; => a=3

    • b=a-b; => b=1

    • a=a-b; => a=2

  2. 第二种解法

    • 利用ES6中的解构赋值:[a,b]=[b,a]

2.前端页面由哪三部分组成,他们分别的作用是什么

  • 结构层(HTML)

    • 作用:对网页内容的语义以及含义做出描述

  • 表示层(CSS)

    • 作用:对内容如何显示做一定的控制

  • 行为层(JS)

    • 作用:控制用户做出一个事件改如何显示

3.alert(undefined==null);alert(undefined===null)

这里考察的是==和===的区别,但是同时也涉及到了JS官方文档

  • alert(undefined==null) 输出是true

    • ==会进行隐式类型转换

    • 但是JS的官方文档明确表示,undefined和null相比较的时候不存在隐式类型转换

    • 官方直接规定undefined==null输出是true,因为他俩代表的都是无效的值

  • alert(undefined===null) 输出是false

    • ===是判断值的数据类型是否相等

4.css中单位有哪些,并简述其计算方法

  • pt:设置字体大小的(蓝湖上的,基本上不用,如果看到pt,直接转成px)

  • px:是一种虚拟长度单位

  • rpx:较于手机端使用

  • rem:相当于当前根元素的font-size的大小,在某一些地方可以自适应

  • em:相当于当前元素的font-size的大小

  • vh:相对于窗口的高度

  • vm:相对于视窗的尺寸

5.var a=[21,22,23,1,2,3,21,1,2]实现去除掉重复元素

这里举了两个常用的方法

双重for循环

var a=[21,22,23,1,2,3,21,1,2];
for (let i = 0; i < a.length; i++) {
    for (let j = i + 1; j < a.length; j++) {
        if (a[i] === a[j]) {
            a.splice(j, 1)
            j--
         }
 
    }
}
console.log(a)

set去重

var a=[21,22,23,1,2,3,21,1,2]
var uniqe=[...new Set(a)];
console.log(uniqe)

6.手写一段深拷贝的方法

function(a(){
    JSON.parse(JSON.stringify(obj))
})
var obj1={a:1,b:5,c:3}
var obj2=JSON.parse(JSON.stringify(obj1))
obj2.b=2
console.log(obj1.b)//5
console.log(obj2.b)//2
文章来源:https://blog.csdn.net/weixin_65459869/article/details/135675204
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。