字节飞书一二面---8.24

最新推荐文章于 2024-04-16 04:14:52 发布

杨九日

最新推荐文章于 2024-04-16 04:14:52 发布

阅读量393

点赞数

分类专栏：面经文章标签：面试 javascript 字节跳动面经

本文链接：https://blog.youkuaiyun.com/qq_42835377/article/details/108191282

版权

面经专栏收录该内容

4 篇文章

订阅专栏

本文分享了字节跳动面试经历，涉及浏览器缓存机制，如何判断强缓存和协商缓存，以及如何实现扇形效果。面试中还讨论了归并排序的实现，以及在遇到困难时如何拆解问题。一面侧重基础，考察了CSS浮动、盒模型以及清除浮动的实际效果。面试官还提出了图片懒加载、标准与IE盒模型的差异，以及块级格式化上下文对margin重叠的影响等相关问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

二面

说一下浏览器缓存吧。
1. 怎么判断是否走强缓存，什么时候走协商缓存
怎样实现一个扇形？我说了用border实现。
写一个归并排序吧。
1. 写不出来的话，拆分一下，先写一个排序算法，将两个已排序的数组合并为一个排序的数组。

if([]){console.log(1)} 
if([] == ![]){ console.log(2)}

new Promise(resolve => {
    console.log(1);
    resolve(3);
    Promise.resolve().then(()=> console.log(4))
}).then(num => {
    console.log(num)
});
console.log(2)

一面

一面问的关于基础的非常多，

css的浮动，浮动的作用
清除浮动，怎么清除，清除后的效果。
1. 像是三个左浮动div a b c，将a的设置clear：right；后形成的效果。
刚开始面试时聊的是项目的图片懒加载的实现，聊到了盒子模型属性，所以又给我出了这道题：说说你对盒模型的理解。我讲了标准盒模型和IE盒模型。
1. 问：两个div a b的宽高为100px，padding，boder，margin为10px，则b的左上角的y坐标为多少？我答了是因为没有设置块级格式化上下文的原因，他们两个的margin会重叠。
2. 又问，会计格式化上下文的作用是什么？我没答上来，我说只知道为了解决这种margin重叠的问题。
待更新… … 暂时想不起来了。