《前端一面》专题

#24届软开秋招面试经验大赏# 投递一个半月，我以为已经凉凉，结果友子又给我捞起来了 面试官很专业，人也很好，一面没问项目，基本都是八股 1、js做数据循环用了哪些方法，如何实现的，这些方法哪种性能最好，哪种最不好 （我答的for最好，for...of最不好，也不知道对不对） 2、http2和http1.1的区别 3、axios库的原理 4、设计一个sdk实现前端发送的请求前加一个header，无

base 北京 时长：54min 总体感受：面试官非常和蔼，交流很愉快，面试很愉快，唯一的不足之处就是我太菜了，基础不扎实 第一次面大厂，感觉面试官经常提出一些有深度的思考，我认为这也是我们新手自学过程中应该掌握的一个技能，自己去提问自己，自己去挖掘自己不会的地方，不要得过且过，不要想着混过去（菜），要自己拷打自己，自己打磨自己 1.自我介绍 2.介绍第一个项目 3.第一个项目提问 - 处理功能哪

分a，b面 聊项目，用到场景 1.两个盒子，内盒子如何垂直水平居中（ab面都有，子绝父相） 2.给具有target属性的a标签设置样式（答的选属性［targetName］，好像错了） 3.em和rem的区别（根元素） 4.如何设置和展示小于12px的元素如6px（Transfrom：scale（0.5）） 5.数组去重（ab面都有，用setter自动去重，答的map复杂了） 6.原声数组的方法 7

面试官很好，非常亲切，目前遇到的最好的面试官，但是有点奇怪为啥只考三道业务题，最后也忘记问了 1. 用 react 实现一个列表，可以单选，多选和取消选择 2. 实现图片异步加载函数 3 实现虚拟列表（本来是一个关于 HOC 的题目，但听说我不知道HOC 就换了一道） 面试官给我评价就是，“vue” 风有点严重（其实 react 也写过很多，最近手生忘咋写了），然后也说了句没想到我三道题这么快完成

自我介绍 cookie、localstorage、sessionstorage区别与用途 跨域以及解决方案 事件捕获与事件冒泡 浏览器事件循环 js判断一个变量是否为数组 http状态码 map与weakmap css伪类与伪元素的区别 css如何隐藏一个元素 call、apply、bind区别，出了一道call相关的看代码说输出的题 防抖与节流，手写防抖与节流代码，节流代码使用时间戳来写 看代码

1、变量提升，let，const，var，暂时性死区 2、函数是否存在变量提升？ 3、react组件间通信 4、防抖，节流 5、浏览器跨域，跨域产生的原因，怎么解决？ 6、浏览器存储，cookie，sessionstorage，localstorage的区别和应用场景？ 7、［］==！［］输出？ 8、其他几道输出题 9、水平垂直居中方法 10、判断数据类型的方法？instanceof和typeof

1.自我介绍，你本科不是计算机的，怎么自学计算机专业课的 2.那考点计算机基础，进程和线程的区别 3.tcp和udp区别 4.http和https区别 5.怎么加密的，采用这种加密方式的有哪些（x） 6.mixin用过吗，有多个mixin存在同名方法会发生什么 7.防抖节流 8.ts中any，unknown,never的区别（x） 9.vue组件传值 10.看你nginx部署过项目，怎么部署的，细

base南京的一家国企 开场： 1. 自我介绍 2. 离职原因 技术： 1. Promise用过吗，说说它的几种状态和一些方法（pending等待，resolved完成，rejected失败，我自己封装axios用过，基于Promise封装的） 2. let const var 3. 数组的遍历方法，怎样跳出for循环 4. 节流防抖，使用场景 5. vue3组合式api，和选项式相比有什么区别

JS的数据类型有哪些？检测类型的方法 instanceof的检测机制是什么？ 对this的理解 如何理解闭包？举个例子？ 这段代码会输出什么？为什么？如何解决？ for(let i = 1; i <= 5; i++) { setTimeout(function() { console.log(i); }, 0) } 对模块化开发的理解？ Ajax的实现原理是什么

#快手前端# 面试官人挺好的，会问你哪里掌握得好给你出编程题，虽然最后还是做的很糟糕 基础知识会根据你的回答深入提问，可以加以引导，引导到自己了解的知识 1、地址栏输入url后续的过程（浏览器与服务端的通信） 2、HTTP/HTTPS区别、网络协议 3、浏览器有哪些进程 4、进程与线程的区别与联系 5、浏览器渲染（回流与重绘） 6、宏任务与微任务（给代码判断输出，Promise的then操作 7、

打复活赛了 1. 项目细节 2. React和Vue的区别（这里我拿出精心准备的拖延时间用的八股应对） 3. CSS盒模型介绍一下（怪异盒模型宽度啊啥的） 4. margin边缘塌陷知道吗，有哪些解决方法（八股没背到位，这个应该是要分两种情况，一个是同级元素，解决方法有添加透明边框、添加padding等，另一个是父子元素情况，解决方法包括给父元素设置overflow：hidden还有给子元素添加一

从头到尾写了7道题，包含代码输出结果题和算法题，中间穿插问一些八股，一共问了大概80分钟😰😰😰😰😢😢😢😢

1. 自我介绍 2. 怎么接触前端的 3. 图片懒加载怎么实现的 4. CSS的动画有哪些，怎么实现 5. translateX(-100px)和定位里面实现左移100px，在动画中有什么区别 6. 怎么用一个div画一个正六边形 7. CSS怎么画一个三角 8. 隐藏一个元素有哪些方法，他们之间有什么区别 9. JS里面怎么判断数据类型 10. 哪些方法判断一个对象是数组类型 11. JS中绑定

自我介绍 把项目部署到服务器的一个过程 用户拿到一个url地址怎么看到你的页面：过程 如果没有axios， ajax发送请求的过程 发送异步请求的方式：除了这两个promise和async，还有没有更底层一些的请求方式 怎么实现页面的缓存的具体一些 ES6的新特性 了解MVVM MVC MVP不仅限于这些的JavaScript的开发方式吗 用户多次改变数据1-20连续改变 页面怎么刷新 社会实践

美国找工跟地狱一样，还得国内多争取机会，刚面完，热乎的，人生前端处子面给了快手 1. 自我介绍 2. 前端学了多久了 3. 计网7层协议，5层协议 4. TCP 3次握手4次挥手 5. http和https 6. 跨域方法 7. 简单请求，预检请求 8. 基本数据结构 9. JS里面Obejct和Map有什么区别 10. Object的key可以是什么类型，Map的key可以是什么类型 11. 算