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'))
相关推荐
炒毛豆几秒前
移动端响应式px转换插件PostCSS的使用~
前端·javascript·postcss
Swift社区7 分钟前
为什么 socket.io 客户端在浏览器能连上,但在 Node.js 中报错 transport close?
javascript·node.js
恋猫de小郭20 分钟前
Flutter Riverpod 3.0 发布,大规模重构下的全新状态管理框架
android·前端·flutter
wordbaby22 分钟前
用 window.matchMedia 实现高级响应式开发:API 全面解析与实战技巧
前端·javascript
薄雾晚晴26 分钟前
Rspack 实战,构建流程升级:自动版本管理 + 命令行美化 + dist 压缩,一键输出生产包
前端·javascript
围巾哥萧尘28 分钟前
普通人如何实现人生逆袭🧣
面试
huabuyu30 分钟前
在 Taro 小程序中实现完整 Markdown 渲染器的实践
前端
Running_slave32 分钟前
位运算左移右移应该怎么玩?
前端·javascript·算法
晚星star33 分钟前
在 Web 前端实现流式 TTS 播放
前端·vue.js
huabuyu33 分钟前
基于 Taro 的 Markdown AST 渲染器实现
前端