tx-前端笔试题记录

目录

目录

1.你最熟悉的前端框架是什么说说你对它的理解。

2.请简单实现一下js对象深度拷贝。

3.CSS 有几种方法实现垂直水平居中?请简要写一下。

4.这段程序执行之后控制台会打印什么内容?

5.下列程序的输出结果是多少?为什么?

6.有ABCDE 五个火车站，单向行驶的时间如下 AB5,BC4,CD8,DC8,DE6, AD5,CE2,EB3,AE7 编程求以下路线需要行驶的时间，如果没有该路线存在，输出NO SUCH ROUTE #1. A-B-C.#2. A-E-D.期望的输出是: Output #1: 9 Output #2: NO SUCH ROUTE

---

---

1.你最熟悉的前端框架是什么说说你对它的理解。

2.请简单实现一下js对象深度拷贝。

3.CSS 有几种方法实现垂直水平居中?请简要写一下。

4.这段程序执行之后控制台会打印什么内容?

const promise1 = new Promise((resolve, rejcct) => { 
    console.log('1') 
    setTimeout(() => { 
        resolve('2')
    },0)
})
promise1.then((res) =>{ 
    console.log(res) 
    setTimeout(() => { 
        console.log('3')
    }, 0)
})
setTimeout(()=>{
    console.log('4')
},0)
console.log('5') // 1 5 2 4 3

5.下列程序的输出结果是多少?为什么?

var x = 1;
var obj = {
    x: 3,
    fun: function () {
        var x = 5; return this.x;
    }
    // fun: () => {
    //     var x = 5; return this.x
    // }
};
var fun = obj.fun;
console.log(obj.fun(), fun()); // 3 undefined

6.有ABCDE 五个火车站，单向行驶的时间如下 AB5,BC4,CD8,DC8,DE6, AD5,CE2,EB3,AE7 编程求以下路线需要行驶的时间，如果没有该路线存在，输出NO SUCH ROUTE #1. A-B-C.#2. A-E-D.期望的输出是: Output #1: 9 Output #2: NO SUCH ROUTE

var getDistance = function (str) {
    const arr = ['AB5', 'BC4', 'CD8', 'DC8', 'DE6', 'AD5', 'CE2', 'EB3', 'AE7']
    const map = new Map()
    for (let i = 0; i < arr.length; i++) {
        const ele = arr[i];
        const key = ele.slice(0, 2)
        const value = ele.slice(2) - 0
        // console.log(key, value);
        map.set(key, value)
    }
    let res = 0
    const s = str.split('-')
    for (let i = 0; i < s.length - 1; i++) {
        const element = s[i] + s[i + 1];
        const v = map.get(element)
        if (!v) return 'NO SUCH ROUTE'
        res += v;
        // console.log(v);
    }
    return res;
};

console.log(getDistance('A-E-D'))