《前端秋招》专题

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

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

1面 1xss攻击，防御，csrf攻击是什么，防御 2canvas的压缩图像算法底层是什么 4vite和webpack有什么不同，vite有没有配置过什么插件 5pnpm的优势原理 6vue3如何获取dom元素，composition api好处是什么，vue23 diff算法区别，劫持数据区别 7移动端适配方案 8ssr渲染原理，实现ssr的过程中有没有遇到印象深刻的问题,redux在客户端和服

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

部门：国际化，难度一般 手写： Lodash.get SQL查询 八股 自我介绍+项目介绍 箭头函数 Css盒模型 Flex布局中的属性 从请求到页面渲染发生了哪些事情 JS数据类型 判断数据类型的方法以及他们之间的区别 TS常用的内置类型 ==和=== 设计模式有哪些 事件循环 Grid布局用过吗 预检请求分为哪几类

一面： 1.标准盒子模型、怪异盒模型 2.怎么隐藏元素 3.display和visible区别 4.flex属性 5.rem、em、px区别 6.盒子垂直居中对齐 7.vue父子组件通信 8.跨域解决 9.js基本数据类型 10.typeof null和NAN区别 11.NAN===自身吗 12.反转字符串方法 13.js的精度丢失问题 14.箭头函数和普通函数区别 15.箭头函数和普通函数中th

纯kpi 手写 防抖、节流 Apply bind 实现promise  八股&项目 介绍项目及难点 技术栈选型 Vue和react熟吗 水平垂直居中 Csrf及防御 Polyfill

介绍公司团队情况 有什么想问的，问了十分钟，给我狠狠尬住了 自我介绍 点开看简历面试官提醒我说不要切屏，麻了 简单问项目，用Pinia做了什么，为什么选它，Vuex和Pinia区别 手撕，二维数组进行一维洗牌，Fisher-Yates算法，easy题 牛客面试编辑器没方法补全，难绷 原来牛客面试的提交按钮右下角被输入法挡住了，一开始以为不能调试，麻了 牛客面试不知道为什么用不了解构交换变量[ a,

帮大家问了想问的问题： 1.HRBP和HR有什么区别？ 没区别 就是正常的HR面试 2.池子的问题 HR说有四批面试的 前三批应该不会刷人 除非你话都说不明白 3.面试时间多是因为很多岗位都会面试 4.什么时候开奖 ？ 月底或者下个月初会开奖一批 面试过程都是根据简历问 纯纯聊天 最后许愿途虎OC#24届软开秋招面试经验大赏#

时间：半个小时 感觉像KPI面，面试官连摄像头都没开 1.自我介绍 2.你的项目做了哪些内容; 3.说说你对前端的了解； 4.vue2和vue3的区别 5.为什么vue3要用proxy，vue2要用Object.defineProperty 6.计算属性和监视属性区别 手撕代码： 1.手写一个promise； 2.手写一个深拷贝； 3.两个数组，写出交集和并集的方法 4.给了一个对象，对象有三个函

感觉问的不难，可能是感觉到我菜，目前也没有后续 一面 10.12 40min 自我介绍 编辑器有做过定制开发吗 编辑器对文字实现加粗斜体等效果是怎么实现的 登录鉴权，token为什么不存在cookie中 跨域问题 断点续传 ❌ 验证码 手机验证码登录，如何保证验证码是本次发送的，后端要如何维护 ❌ 手写ajax 事件循环 读代码 2 3 5 4 1 setTimeout(function(){c

面试前十分钟还接了瓴羊hr的电话，然后发现打错了，心脏骤停 预定一个小时还超了二十分钟 介绍实习 介绍项目 场景题狠狠地挖细节，手写原生代码我原生写的确实不多，api只背过没咋用，问一些解决方案我没做过只能背相关八股，然后说别背了😥 性能优化 介绍校园经历，问成绩 要掘金链接 补充 安慰我，说虽然别人都答上来了，但别气馁 结尾 面试官说感谢你的时间，我说再见，他说拜拜😇 #如何判断面试是否凉了

10.21 自我介绍 项目中遇到的难点 如何解决的 （因为项目太简单了没什么亮点面试官就没挖了） 一道常规前端手撕 vue常规八股 总结就是问的都很基础，但自己要什么没什么，真没办法，最后问和其他人比起来自己有什么优势和不足，自己脑子里一堆不足，尤其是结合前面表现，优势是一个都说不出来… 面试官是真的超超超好，看出来自己菜了也就没继续折磨了，反问环节直接给我讲了很久他推荐的学习路线和学习方法，真的

1面 图片格式知道哪些，jpg png webp svg， 面试官说了一下webp已经很常用了，用一个access字段可以放cdn上（记了个大概没听懂，等大佬解答） 使用nextjs有什么要注意的，项目里用了 其他全是项目实习 2面 怎么接触前端，怎么学习 如果你是项目负责人，react和vue如何选型 vue收集依赖的时间点（编译的时候触发数据的get） pnpm原理优势 ssr和csr区别原理

#24届软开秋招面试经验大赏#base:广州or武汉 时间:45min 面试官为一个哥哥,问得比较基础. 大概流程为: 1.自我介绍 2.项目,实习介绍 3.介绍项目的优化思路 4.防抖及节流 5.flex的常用方法 6.介绍一下回流和重绘 7.做一个三个自适应缩放 8.数组去重,不使用数据结构 9.虚拟列表 10.怎么处理跨域 11.web安全问题 12.HTTPS安全 13.盒子模型 14.输