《前端面经》专题

9-20已oc，后续来整理的面经； 时间是在一面结束后的第二个工作日约的第三个工作日； 1.自我介绍 2.专业课程学了哪些 3.介绍一下网络的分层（osi七层） 4.tcp/udp是哪一层的？ 5.tcp/udp的区别 6.tcp如何保障传输的可靠性？ 7.http和tcp的关系 8.http每次都要建立一个连接吗？ 9.url输入地址到呈现网页有哪些步骤；（分别从网络和浏览器渲染过程来分析了整个

前言 9.21面试。可恶啊，看别人都说一面是hr面，怎么我这直接上来技术面，我傻傻以为是hr面，一点准备都没有问题很多，想不起来全部，只记得被拷打了足足56分钟总体难度中规中矩，但主要我裸面，有的时候想引导面试官到我的舒适区，但一直被打断，就很难受，后续整理发现我的面试比别人面经的多好多问题啊，这还不包括我想不起来的 过程 自我介绍（说太久直接物理打断） 询问目前状态（离校、在校） 为什么会想学习

1，自己的创新性在哪，用例子说明；2，关注啥热点问题没，出现的原因，自己怎么看；3，自己有没有完全接手一个项目或者实践活动，自己怎么做的；4，面对压力怎么做；5，课堂外学习外的学习能力咋样。

有点奇怪，先发了面试再发的笔试链接，管它呢，有面就面，无手撕，25分钟，问的都挺中规中矩的 有遇到什么印象深刻的问题吗？【想不起来了，貌似没遇到很棘手的问题】 怎么学的 hooks优势 hoc可以解决哪些问题 useEffect要注意什么，一般在useEffect里面干嘛 forEach和map区别，对数组遍历方式 for of原理【symbol.iterator】，哪些方法用到了symbol.i

在做完测评后一周内收到线上面试邮件，收到第二天就面，大概面了20-30分钟 1、行内元素和块级元素有哪些 2、css单位有哪些 3、怎么实现footer在内容少的时候在内容盒子下面，内容的时候定在页面底端（大概这个意思） 4、不用js纯css要怎么实现 5、promise有几种状态，pending可以取消吗为啥 6、http协议由什么构成 7、请求头里有什么东西 8、content-type为什么

1. 异步编程的概念：callback、promise、箭头函数 2. 微任务队列有多个，但是怎么确认执行的前后顺序 3. promise底层是用的回调函数吗，还是说新的东西 （脑袋当时短路了，回答说是新东西，但是回想一下promise的手写实现，里面其实还是借助的回调函数，汗颜） 4. generator应用在哪 5. 对于函数式编程有多少理解 6. 事件冒泡和事件捕获 7. http1 和 h

前几天面的，牛客一堆拿到意向的，都没hc咯，我才开始一面，不管它，双非本有面试不容易，有面就面 问的不难，大部分都答上来了，无手撕算法，感觉流程不会推进了，应该没hc了 问了点项目 css隐藏元素方式，vue呢【v-if和v-show】，那么v-if和v-show的区别呢 css盒子模型 element ui的divider怎么实现 打开页面到渲染流程【浏览器有哪些事件？DOMContentLoa

时长：25min 经典开局：自我接收， 问题： 1.大学里修过什么课程 2.行内元素和块级元素分别有哪些，列举几个 3.有两个盒子，用什么方法可以实现下面的盒子到上面去（有点记不清了）大概回答了下 4.promise的几种状态，pedding的时候能终止任务吗 5.你在项目中担任什么角色 6.项目的难点和亮点 7.手写节流函数 总结：面试官人很好，很有耐心，希望能顺利进入下一轮

最近咔咔面了好几家公司的一面 50分钟左右 react和vue区别 函数式编程和面向对象编程区别（由于1提到了函数式编程） 输入url到页面渲染过程 http缓存（了解services worker吗，不了解） 隐藏元素但是不回流 webpack相关，如何配置小于20kb则base64，否则不处理，了解tree shaking吗 开放题，个人理解为什么有es6，es5不行吗 事件循环 写个排序算法

用的是金山会议 笔试完过了一天就发了面试邀请效率还是顶呱呱的 问的问题顺序有点记不清了 大概有这些 1 自我介绍 2 如何解决跨域 3 cors 如何解决跨域 4 请求方式有多少种 5 有没有了解过options请求 6 说一下你了解的flex属性 flex复合属性 flex-grow flex-shink flex-basic 分别讲了这几个如何使用 7 promise 状态有哪些 8 如何判断

一个小时 自我介绍 要我的掘金链接 对Linux的了解 块级元素和行内元素的区别 script和带async，defer区别 src和href区别 自定义属性 怎么跨页面通信，用localstorage不同域名可以吗 js判断类型 foreach和map区别 数组增删改查的方法 闭包函数 手写防抖节流口述思路 函数提升和变量提升，var let const区别 箭头函数和普通函数的区别 事件循环过

一个小时 自我介绍 围绕着实习和项目，我一边介绍一边去追问，有问到原理细节就傻了，感觉很重视具体的细节 我经历有Python爬虫，居然围着问了很多 Nginx配置 图片有无跨域限制，下载图片有无跨域 为什么有时候图片url访问是渲染展示有的直接下载 怎么下载图片 响应码 浏览器缓存 总的来说对简历上项目具体实现细节问得多，考察是不是真实项目？ 此外有少量八股 反问 问建议说我还不错，可以深入钻研

半个小时 问项目经历，给介绍 然后是分板块的八股 我简历上写了Vue响应式原理和diff算法就叫我讲讲，展开了下Vue23响应式的区别 简历写了Nginx，问了问 反问 介绍业务 问建议，说我简历看着简单没写出这么丰富的经验，可以再优化 #24届软开秋招面试经验大赏#

项目难点（封装组件） 父子组件传方法 导出文件浏览器是怎么下载的，回答了FileSaver.saveAs通知浏览器下载 跨域怎么下载 项目为什么选vue3 vue已经可以自动监听数据变化，实现页面渲染，为什么还需要nexttick 手写：Promise.any 虽然面完没几分钟就发感谢信了，但字节的面试官还是挺好的

部门：基础架构，难度一般 手写： Flat 打乱数组 八股&项目： 为什么喜欢前端 前端除了往工程化方向发展，还有哪些发展趋势？ 说一下你做的项目 你遇到的项目难点 实现水平垂直居中的方法？ Margin: auto需要配合哪些其他的属性来实现水平和垂直居中？ Css属性实现禁用js事件：pointer-events New做了哪些事 普通函数和箭头函数的区别 跨域解决方法 前端是怎么配置的？ P