《b站前端笔试》专题

2023.11.1 德勤管理咨询--前端开发--校招 面试流程：1 vs 1 技术面 面试的内容： （1）几乎没有八股文，很少很少 （2）面试官当场说一个场景，然后让你根据条件进行项目架构设计 （3）项目的一些东西 （4）好几个场景题，其中一个是 200M 的图片，如何优化的。 （5）语言：出了一个英语自我介绍；粤语：问掌握情况 （6）其他一些跟技术无关的问题，出差，公司要求转后端，大数据，你怎么

项目难点（封装组件） 父子组件传方法 导出文件浏览器是怎么下载的，回答了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

10.26 30分钟 无技术问题全程被怼 一面表现较差，没想到会约二面 更新：约三面了，想拒绝。 面试官应该是技术leader，一脸笑意 1 怎么看待前端？说一下你对前端的理解？ 我回答完，面试官说：你提到前端远离业务是对的，而且你把平台用户体验做的再好用处也不大，还不如别的平台发优惠券(？) 2 学习前端的方法？过程？为什么选择前端？ 我回答完，面试官说:技术广度不太够，没体现出你对前端的热爱啊

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

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

感觉问的不难，可能是感觉到我菜，目前也没有后续 一面 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.输