tx-前端笔试题记录

目录

目录

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

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

[3.CSS 有几种方法实现垂直水平居中?请简要写一下。](#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. A-B-C.#2. A-E-D.期望的输出是: Output #1: 9 Output #2: NO SUCH ROUTE)



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

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

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

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

javascript 复制代码
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.下列程序的输出结果是多少?为什么?

javascript 复制代码
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

javascript 复制代码
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'))
相关推荐
newxtc18 分钟前
【爱给网-注册安全分析报告-无验证方式导致安全隐患】
前端·chrome·windows·安全·媒体
一个很帅的帅哥35 分钟前
axios(基于Promise的HTTP客户端) 与 `async` 和 `await` 结合使用
javascript·网络·网络协议·http·async·promise·await
dream_ready1 小时前
linux安装nginx+前端部署vue项目(实际测试react项目也可以)
前端·javascript·vue.js·nginx·react·html5
编写美好前程1 小时前
ruoyi-vue若依前端是如何防止接口重复请求
前端·javascript·vue.js
flytam1 小时前
ES5 在 Web 上的现状
前端·javascript
喵喵酱仔__1 小时前
阻止冒泡事件
前端·javascript·vue.js
GISer_Jing1 小时前
前端面试CSS常见题目
前端·css·面试
某公司摸鱼前端1 小时前
如何关闭前端Chrome的debugger反调试
javascript·chrome
八了个戒2 小时前
【TypeScript入坑】什么是TypeScript?
开发语言·前端·javascript·面试·typescript
不悔哥2 小时前
vue 案例使用
前端·javascript·vue.js