字节跳动一面的几道面试题

今天药忘吃喽~ 2023-07-17 02:41 54阅读 0赞

一面问题比较基础，但是由于平时使用vue+js, 字节跳动该岗位是react+ts，感觉有点悬

下面凭记忆还原一下面试题，都很常见，如有错误欢迎指出

1.  实现三列布局，左右宽度固定，中间列自适应  
    我的答案：  
    左右float， 中间用margin  
    flex布局，左右固定宽度，中间flex: 1
2.  上下两个div，上面margin-bottom：20px, 下面margin-top：30px, 问两个div之间的垂直距离是多少  
    答： 30px，因为margin合并
3.  就以上问题，如何解决margin合并的问题  
    BFC， 顺便说了一下如何生成BFC
4.  css里盒子模型的width由哪些部分组成  
    答：border， padding， content  
    根据box-sizing属性的值，content-box, padding-box , border-box, 说了以下以上三种值时width对应的组成
5.  css里定位有哪些， 说一下是如何定位的  
    static，relative，absolute， fixed，sticky
6.  absolute定位的依据是什么  
    答： absolute外层第一个不是static的容器，没有的话就是html
7.  说一下事件委  
    巴拉巴拉说了一堆
8.  currentTarget和target的区别  
    答：前者是当前绑定事件的元素  
    后者是当前触发事件的元素
9.  js里改变this指向的方法有哪些？  
    call, apply, bind
10. 说一下以上三个方法的区别  
    call， apply传参不同，call的参数一个一个的传，apply的多个参数作为一个数组一起传进去
11. 问`console.log.bind({name: 'xiaoming'}, 1,2,3)(4,5)`传了几个参数  
    答： 5个
12. 移动端1px的解决方法  
    说了以下常用的几个，例如伪类+transform，box-shadow, @media判断
13. 如何取消已经执行的异步操作  
    答： ajax请求调用abort取消, 定时器调用clearTimeout(),回调的说法是定义一个标识符，回调时判断是否可以执行（之所以这么说是因为面试官说有时候异步方法执行完之前，组件已经卸载了，这个时候异步后执行的一些操作可能会报错。）
14. 问关于fetch的，但是平时不用那个，所以面试官说不问了。。。
15. 代码题

// 异步方法
    fetchData().then(callback)
    // 封装成一个方法，time时间没有返回结果时报错
    fetchDataWithoutTimeout(time).then(callback)

利用节流的思路写了一个答案，面试官说不符合要求，到了时间就抛出错误，而不是执行时才报错。。。

1.  一个业务场景，一个下拉框，点击后展开panel, 如何做到点击panel以外区域收起panel  
    答：利用事件冒泡，body加click事件，触发后判断event.target是不是panel，不是就收起。
2.  继续问，如果不是刚好点击了panel本身呢，而是点击了panel里的元素？  
    答：判断event.target是不是panel，或者event.target的parentNode里有咩有panel
    
    面试官意味深长的emmmm了一声。
3.  一个代码题

// 执行结果是什么样子的？
    function demo () { 
    	const now = new Date().valueOf()
    	document.body.style.backgroundColor = 'red';
    	while(new Date().valueOf() - now <= 2000) { 
    		continue;
    	}
    	document.body.style.backgroundColor = 'blue';
    }
    demo();

详解见上一篇博客

1.  面试官问我有了多久react，答小半年，面试官说那就不问你react了。。。。。。
2.  面试官要问ts的相关问题，我又没用过，面试官又说那就不问你这个了。。。。

然后面试就结束了。。。。。互相客套了以下。。。。。尴尬