字节前端一面面经(50min)

1、介绍项目
2、盒模型
3、position的属性和区别
4、移动端响应式布局有哪些方法
5、JS的基本数据类型
6、Symbol及使用
7、求输出

function fn() {
    console.log(i)
    for (var i = 1; i < 2; i++) {
        console.log(i)
    }
}

8、求输出

const showThis = () => {
    console.log(this)
}
var obj = {
    showThis: showThis
}
showThis()
obj.showThis()

9、求输出

new Promise(function (resolve, reject) => {
    console.log('a')
    setTimeout(function(){
        console.log('b')
    })
    resolve()
}).then(() => {
    console.log('c')
})
setTimeout(function () {
    console.log('d')
})
console.log('e')

10、0.1 + 0.2 等于 0.3 吗？为什么？解决方案？
11、求输出

var bar = {
    myName: "bar",
    printName: function () {
        console.log(myName)
        console.log(this)
    }
}
function foo() {
    let myName = "foo"
    return bar.printName
}
let myName = "global"
let _printName = foo()
_printName()
bar.printName()

12、浏览器从输入url到页面展示经历了什么
13、Vue路由的两种实现
14、HTTP状态码有哪些
15、cookie、localStorage、sessionStorage的区别
16、网络安全相关以及防护
17、算法

// 判断两个二叉树是否完全一致
interface TreeNode {
    value: number
    left: TreeNode || null
    right: TreeNode || null
}
diff (
{value: 1, left: {value: 2}, right: {value: 3},
{value: 1, left: {value: 2, left: {value: 1}, right: {value: 3}}}
)

18、反问
总结：
面试官人很nice~ 第一次碰到女面试官
最后算法题没考虑到coner case，平时刷算法的时候有意避开与树相关的题，看来以后还是得好好刷了