字节飞书前端面试题--一面（深圳）

总共55min，面试官循循善诱，被问晕了，我是飞舞没开摄像头，两个面试官没有自我介绍，上来先手撕一道回溯，先说思路再写代码，面试官试图拯救我的代码并阵亡问印象最深的项目（已经过去五个月了记忆也没那么牢靠了）下面的八股想到啥写啥，顺序不一定：问http，https对称加密和非对称加密get和post常见的状态码cookie和session数组和链表红黑树和平衡二叉树内核态和用户态擅长语言（python）（但也没问）学校的主修课程有啥前端学什么程度了？js的双数组（不知道是不是这个不过我也不会）用过吗？如果让你学习新东西，你会怎么学？未来三到五年的职业规划？反问

发发面经回馈社区，也感谢大佬们分享的面经第一轮：bos投的，隔天约面一面：实习及项目相关ws、轮询、sse、http2用相对路径引用本地的图片和引用一个远程cdn图片有什么区别详细介绍一下浏览器缓存策略命中强制缓存的话有网络请求吗命中强制缓存有状态码吗强制缓存cache-control和expires谁的优先级高，协商缓存呢简单介绍一下js数据类型typeof array是什么讲一下对原型链的了解，解释Array.prototype.__proto__=Object.prototypestr="xyz";str[0]="y";console.log(str)输出是什么？为什么？stri...

10.31一面45min 11.4二面hr面速通最搞笑的一集。因为我简历上放了博客和项目地址。所以开局直接说爬了一下我的博客看了我的项目网站挺不错的hhh。最难蚌的是我博客上放了一个前端面经。面试官突然灵机一动唉 那我就你的面经问你问题吧！（我：这不成了免费题库了？？？）虽然是我总结的，但是其实有一些细节忘了。（三道输出题第一次全答错了还好第二次基本答对了。）下面就是正文烤面筋：1.flex 1和flex auto区别（举例，一个父容器设置display: flex; width:1000px;左边一个子元素width: 100px;右边的这样设置flex:1; width:200px; flex-basis:300px;）问：右边的有多宽？懵了，说应该200px，不知道对不对。gpt给的是900px。2.子选择器结合相邻兄弟选择器，设置了一个color: red; 问哪一个div是红色。还有结合伪类和属性选择器的问题。（答对了但没完全说清楚。）3.本来说看看HTML部分因为没有就没问4.sort会改变原数组吗，有没有不改变原数组的排序方法（冒泡，选择，插入？面试官：没那么复杂）5.看到我总结的深浅拷贝，讲讲JSON实现的深拷贝有什么缺点。（有丢失函数日期undefined等问题，无法解决循环引用，原型链丢失。）怎么解决循环引用？（手动实现，用weakmap）6.因为我总结了事件循环原型链那些，出了三道输出题目见结尾。7.讲讲promise，还有all,allSettled,race,any的各自作用。8.问了vue3的ref还有reactive的区别（对数组进行包装该用哪个？又答错了，不过给我很详细的说了一下为什么用ref，其实ref底层也是reactive）9.vuex和pinia实现持久化需要插件，为什么不能自定义一个全局变量代替呢？（因为方便管理？又是一个不知道的问题）10.反问问了下对我技术提升的建议，探探口风。本来以为寄了，听起来还行，可能给他逗笑了两次，因为我博客的面经有些是空着的，我直接说空着的还没总结就是不会问了下技术栈，详细的跟我讲了一下，还有告诉我有三面就总结到这里吧，不管过不过还是挺开心的。难得遇到边聊天边问的面试了，虽然我做了一个网易云音乐的项目，当时快手面试官直接黑着脸说烂大街了。但是这个面试官笑着说他刚毕业的时候也是做的这个，还问我是不是B站学的还是自己做的hhh。（当然是独立知识产权啦！）11.4二面七分钟速通产品经理面的 开局就说不用说技术细节随便聊了聊天11.4当天约了hr面11.7oc

一面webpack配置代理webpack Loader的执行顺序实现淡入淡出一面没有录音，只记下来几个答得不太好的问题，其他内容基本和牛客面经差不多，应该答得还可以，很快就约二面了。二面最开始四道题，题目应该是固定的输出题2+手写题2：作用域相关，4个小题，放在一起超容易混淆拓展运算符相关实现delay实现flattenReact相关react native为什么快一句话描述框架和原生开发的优势useEffect的依赖数组打印props的value，因为闭包陷阱不更新，怎么解决React.Memo和useMemo的区别什么是高阶组件webpack怎么查看打包的包大小vue正向代理和反向代理发布...