《前端学习》专题

1. 问了一些项目相关的 2. 强制缓存 协商缓存 （启发式缓存？） 3. react解决了原生的什么问题 4. hooks是怎么实现的 5. async await的原理 6. 数组转换成树，写出来不太对，让换了一道，写了数组扁平化 面之前看见说kpi就随便面了下，结果约二面了...

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

0830 可能会从项目出发正好能学习借鉴下面试官的思路，后续再做优化和调整 自我介绍 304状态码是什么，说一下这个请求的过程 详细说下协商缓存 HTTP2.0的多路复用是什么 CSRF是什么 如果是第三方的链接，直接拒绝访问是不是也可以，就是CSRF怎么达到一种攻击的状态，攻击了用户的什么东西 CSRF如何防御 CORS跨域的请求响应过程 origin的请求跨域网站头，能放很多域名吗 以上的流程

怎么牛客上美团二面面经这么少 美团二面 自我介绍 介绍一下你实习的项目 难点亮点(没想到) 直接进入基础部分，Vue2的数据响应式 你提到收集依赖，那template中的数据如何建立响应式机制？ 你知道编译使用的是什么库吗？ 渲染器如何工作的？ vue2的diff算法 模块化历史了解多少？ 你来设计模块化，如何解决模块相互引用的问题？ nodejs的事件循环和浏览器的有何不同 看代码说事件循环过程

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

时常：42分钟 总结：主要看简历提问题 1. 自我介绍 2. Vue2怎么实现服务端渲染（简历里写了） --> 服务端渲染打包后的JSON文件中的内容 --> 服务端怎么跑node --> pm2是什么 3. 代码审查主要审查了什么内容 （简历里写了） 4. 错误监控组件是怎么快速定位bug的 (简历里写了) --> 如何更精准定位到某一行代码的异常报错 5. Vue2和Vue3的区别 --> V

一共才40分钟 有没有比我更短的。。 自我介绍 然后问项目 项目真的是弱点啊…实习的时候基本都复制粘贴 也不记得遇到啥困难 总不能说靠CSDN解决的吧 上来先是两道算法 合法括号和找不重复等于0的三元组 都比较简单 然后就问了两个问题 cookie和session的使用场景 get和post的区别 就没了。。。估计看我答得不太好没兴趣问了 啊啊啊啊啊啊啊

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

9.1 多图加载方案 在前端展示1000张图片时，如果一次性加载，可能会导致页面加载缓慢，用户体验下降。以下是一些可以应用的优化策略： 懒加载（Lazy Loading）：只有当图片进入或即将进入视口时，才加载图片。这可以减少初始页面加载的时间。在最新的HTML标准中，可以直接使用loading="lazy"属性。 <img data-src="image.jpg" alt="descripti

上一个面试官说有三次面试，两次技术，一次hr,今晚二面技术面试官，面了大约一个多小时，从我初学 前端到我项目开发，一次次问我的细节，以及个人的解决问题方式，经过一个小时的聊天后，最后看我写代码，写的是函数缓存，当时想的是闭包，写的也是bug百出，面试官一次次的提醒，终于是完成了一个像样的的函数缓存了。最后也聊的挺愉快的，也询问了下一次面试时候，结果告知在他这里通过就行了，但也不保证ok,尽快通知我

单选题：20道 js:call函数;promise:resolve, reject, .then, .catch; css: fixed,relative,absolute； 操作系统：LRU；不发生死锁的最小资源数 数据结构：哈夫曼树最小加权路径 算法题：3道

1.看代码说输出 var name = 'outer' function K() { let name = 'K' let innerObj = { print: function () { console.log(name) console.log(this.name) }, } return innerObj } let o = K()

面试官很好，非常亲切，目前遇到的最好的面试官，但是有点奇怪为啥只考三道业务题，最后也忘记问了 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