《前端实习面试》专题

一面 自我介绍 开源项目介绍 hooks使用了哪些 useEffect执行时机，useLayoutEffect区别 React Router 原理，router, route区别 refs, refs转发 jsx react17, react18, 并发渲染及好处 flex布局 display: none VS visibility: hidden; dom tree, render tree 跨

又忘记录像了...，但这次主调是基础，一共1h。八股答的还算顺利，主要问题主要出在最后手写，面试官让写promise...简单说了说没写出来，然后又问了双向数据绑定源码层面的原理。前面还让写了防抖和节流，说我写的throttle和debounce传参设计不友好。还有一点，问我设计模式，这个我不会。最后我问了一下前辈的看法，她说要增强编码能力以及去深入一些技术实现，应该就是针对手写promise以及

其实前面答的感觉很不好的，比如问我虚拟dom还有webpack中plugin和loader的区别，我都只是按照自己的理解说了说，很多问题都只能说几句话...，最后四个代码题做的算比较顺利，面试官人很好，外貌和声音都像那种稍微大几岁的哥哥一样，说话啥的感觉很亲切，因为我的一些表现还会笑，后面贴着科比的海报，所以最后问了问面试官是不是和我们差不多大呀，面试官说不要提年龄这种伤心的问题哈哈，他说其实比我

场景题和原生api实现巨多 1、vue-router解决什么问题 两种模式；什么场景下使用 2、vuex介绍 如何实现持久性 3、axios是什么 怎么用 多个异步请求如何变同步 4、watch监听如何实现 5、实现moment（Date） 6、实现querySelectorAll方法 7、实现拖拽 8、深复制 循环引用如何解决 9、扁平化+去重 数组中的元素是对象的话如何去重。 10、2022年

#软件开发2023笔面经# 1.现在在哪？近期能来实习吗？ 2.公司在北京，最近能来吗？ 3.介绍项目和实习经历。 4.前端是怎么学习的？ 5.网络五层模型讲一下。 6.webSocket讲一下。 7.小程序的webSocket和web端的webSocket有什么不同？ 8.WebSocke的应用场景，你这个系统怎么控制物联网设备? 9.axios怎么封装的？ 10.js的垃圾回收机制（只记得标记

1.说一下http的请求方法 2.get和post区别 3.transition有哪些属性 4.讲一下transform的属性及应用 5.css响应式布局哪些单位 5.部署的流程 这么解决跨域的 6.防抖和节流 应用及口述伪代码 7.webpack是怎么用的 从头说一下 8.讲一下jwt 9.var let const区别 还有些记不清了 18分钟面完 面试官笑着说我答得很不错 应该是稳了

面试题 自我介绍✅ 项目介绍，两个项目都介绍了一遍✅ 项目拖拽怎么实现的？✅ 讲解群聊和私聊怎么实现的？✅ 讲讲 Websocket？✅ Websock 为什么是长连接的？✅ 说说心跳续约是什么✅ 心跳续约的原理？❌ 怎么判断对方在不在线？❌ 哪一方判断？客户端还是浏览器？❌ 场景题：如果自己不用事件监听实现滚动条自动更新到最新位置，应该怎么做？❌ 说说 rem 与 em 的区别？✅ 有没有根据不

面试管好温柔，我好爱，但是我耳机坏了，结束了我自己录下来听才知道我耳机一直是有大量杂音的 1.盒模型 2.flex 3.prototype指向 4.宏任务，微任务输出题 5.作用域 6.遍历树，深度广度 7.渲染流程 8.问项目，直播是如何实现的，弹幕实现的websocket聊一下 还有记不得了，都是基础题，没有一个框架和深入的问题，体验很好，算是面过这么多家最舒服的，但是会不会是KPI就不知道了

1.自我介绍 2.自己介绍一下项目（介绍了项目的动态路由，通过配置快速搭建组件） 3.项目中的jwt介绍一下 4.说一下localstorage会遇到什么安全问题（不会没答出来） 5.localstorage和cookie的区别 6.项目中如何解决跨域问题 7.跨域了 浏览器会有什么操作吗（回答了预请求） 8.用css实现垂直居中 9.实现左边定宽，右边自适应 10.说一下proxy 11.pro

#我的实习求职记录# 1 三栏布局的实现方法（尽可能多的方法） 2 了解过跨域的知识吗？方式有哪些 3 let arr = new Array(8).map((,index)=> index)返回的arr是啥 4 vue2和vue3的区别和优势 5 vue2响应式的很多细节（深挖，怎么处理那些非响应式的东西， ......

#软件开发2023笔面经# 1.自我介绍； 2.脚手架做了哪些功能； 3.vue2和vue3的区别； 4.库怎么去支持tree shaking引用；（刚开始没太理解，后来面试官提示发现是问按需引入）； 5..vue文件到呈现到浏览器之间发生了什么； 6.template里面的一些指令是如何去解析； 7.vite和webpack的区别； 8.monorepo的好处； 9.git用的熟悉吗； 10.v

1.淘宝token是怎么处理的 2.Settimeout误差问题 3.cookie除了身份信息还用来存什么 4.代理服务器为什么能跨域 5.父盒子1000px,左子盒子flex:1,右子盒子flex:1,再给左子盒子设置宽度100px，最后效果？为什么？ 6.flex-basis一般什么时候用，实现效果 7.gird适用于什么情景 8.hash router为什么不发送#️⃣后面的url？ 9.后

百度实习生一面 自我介绍 flex相关的属性 作用域和作用域链 ES6常用的语法 ES6的箭头函数和普通函数有什么区别 Promise vue的数据响应式原理 nexttick 实习和项目碰到的一些比较棘手问题 （已经过了，但是实习到岗时间比较急） 其实我只是想多一次面试经验，我官网投了正式批，但是一直在筛选状态，因为现在面试也比较少，很多都在走笔试流程，就面了，这次很多都是八股文，才30min,

总结：面试官很会引导问题，会深挖项目 这次面试学到很多，感觉很多问题都回答不上来，但是还是给过了。 自我介绍 聊项目 说了webRtc websokcet 心跳包 如何维持websocket登录 深入 如何维持websocket登录时间 用户无感知 微信小程序登录流程 微信小程序登录方式 cookie token 登录的安全问题 CSRF攻击 XSS攻击 CSRF攻击中文是什么 ，防范方式有哪些？

站酷一面 自我介绍 介绍一下自己的项目 项目中的jwt鉴权怎么实现的（我说的主要处理还是在后端，首先用户登录的时候会接收到一个服务器发来的token，这个token会保存在localStorage中，然后每次操作文件比如上传下载都需要在请求头中加入token传给后端，后端进行jwt的一些解析判断匹配成功后才能给服务器返回对应的数据） 项目中的断点续传怎么实现的（七牛云里面有go的SDK，直接调用就