《字节提前批前端》专题

面试平台：showmebug 面试时长：1小时 面试内容： 自我介绍 实习项目的技术栈（nuxt） SSR的优点（答了更快的首屏加载速度，利于SEO） SSR的缺点（没答上来, 面试官告诉我答案了，会增加服务器压力） 实习项目的首屏加载优化是如何做的 cdn为什么能加速（答了负载均衡服务器会为用户匹配最优服务器，cdn缓存） 如何用 rem ，vm做移动端适配 flexable.js是如何做的移动

一面（1h） 1、学校立项的项目，负责什么工作，功能的实现，小程序字典查询数据的检索 2、项目用了showdownjs封装markdown编辑器，showndownjs的实现原理？看了源码？ 3、讲一下promise的概念，介绍一下promise各个API的使用(讲了then/catch/finally/all) 4、构造函数封装promise.all (不会) 5、get post请求的区别，g

7.29 已oc，一血拿下！接下来继续冲吧！！！ 体验贼棒，问的很常规，手写的时候磕磕绊绊也写出来了。五分钟后就通知今天二面，不过目前还没联系我😂 二面答得也还行，手写shuffle一开始sb了去修改原数组，后来想了一想写出来了。第一次写单元测试😂面试官说大体还行还需要注重一些细节。而且面试官最后说shuffle可以直接用sort来写，诶以前看过结果忘了。希望能过保佑保佑🙏🏻🙏🏻🙏?

28号面的，部门大概是百度网盘。一直没看状态，今天一看共享中，原来是寄了 实习时攻克的比较难的难点 平时用 React 还是 Vue 还是其他什么比较多？ 说一下 React 的虚拟 DOM 虚拟 DOM Diff 状态码 304 http 缓存两种形式 304 会出现在什么缓存里 强缓存会返回什么状态码 last-modified 的缺点，etag 有什么缺点 有一个页面，它的 html 走的是

问题问的比较细，开摄像头。 1. 自我介绍 2. 实习经历，有没有遇到什么困难 3. webpack使用，优化等 4. js的底层是什么语言实现 5. js的堆栈，引用类型基本类型分别在什么内存，有没有大小限制 6. 任务队列，setTimeout底层如何实现的？nextTick是宏任务还是微任务，使用场景是什么，你知道的微任务都有什么 计网相关: 7. tcp是双工还是单工 8. 为什么挥手次数

2022.8.18 技术一面     我的个人博客地址  ：https://www.yuque.com/erchashuxiansheng/otv7w8 欢迎大家收藏加关注。 1.自我介绍 介绍了自己的基本信息，以及技术方向，顺便表明自己喜欢写博客，拥有一个长期更新的个人技术博客。 2.详细介绍一下简历上参与的两个大型项目 我介绍了项目的所用技术，自己负责的任务和业务模块，从业务模块中讲了涉及的数

投递 7.29 基本情况：内推投递 非直通部门 非科班 没实习和高大上项目 没想过提前批简历能过~ 一面 8.17 自我介绍 看了什么书 写编程题三道：很简单的斐波那契数列、括号匹配、二叉树剪枝 做剪枝之前问了熟悉什么算法 ES6新特性 promise说一下，API说一下 利用promise实现xx秒返回value react生命周期 同步异步 事件循环等 基本你回答到XX点面试官就会打断你说可以

自我介绍 为什么学前端？（我本科专业是物联网的） 项目问题（此处省略20分钟） 输入 url 到渲染出页面的过程 引申出怎样将html文件渲染到页面上（不太会答） BFC css垂直居中 用到哪些浏览器存储方式？答：localStorage、sessionStorage 还有吗？ （不太清楚了） localStorage的应用场景 es6了解吗？ Promise的出现是为了解决什么问题的？答：回调

8.22 一面 状态码301 302 强缓存协商缓存 原型原型链 Object.__protot__ Function.__proto__ 原型链终点 防抖与节流 代码 大数相加 转对象 数组扁平 用reduce 链表反转 二面 上来直接三道题 js+html 验证url css三饼（float、position、flex三种） 凉凉

一面 8.24 16:00 讲实习 水平垂直居中 position有哪些值 static absolute relative fixed sticky 说一下BFC js基本数据类型 instanceof 原理 说一下ES6新增 for in 和for of区别 Object.defineProperty 定义的对象的属性有哪些 https://developer.mozilla.org/zh-C

一面： 主要是做了三道题，其他没太问（做太久了后面没时间了） 二分查找（如果排序是逆序怎么处理） 实现 instanceof （null、undefined 怎么处理） 实现水波跳动效果  二面： key 的作用 -- 虚拟 dom 的构建 key 是虚拟 dom 对象的标识，当状态中的数据发生变化时，react 会根据新数据会生成新的虚拟 dom ，之后进行新旧虚拟 dom 的对比。 旧虚拟 d

三轮面试都在同一天 一面 ● 自我介绍 ● 项目经历 ● React ● http1 vs http2 ● vite ● webpack 的 loader 和 plugin 用途，如何开发 ❌ class MyPlugin { apply(compiler) { compiler.hooks.compile.tap('MyPlugin', (params) => { console.log('Th

一面 面完过了一周约二面 css position属性有哪些 css选择器有哪些 css bfc？ 给一个css场景让算一下margin，实际上就是margin合并问题 css会阻塞dom渲染吗，dom解析呢 如何理解typescript？在开发中有什么作用？ type和interface区别 js阻塞dom解析如何解决 跨域的作用？如何解决？jsonp的优缺点 浏览器的缓存？etag的优缺点 j

1.自我介绍 2.css实现上100，下100，中自适应，flex布局，calc函数 3.promise看图说话 4.继承方法有哪些 5.项目优化怎么做的 6.项目难点 7.迁移rspack考虑了哪些因素 8.手写监听数组，proxy不太会用，寄了 9.ts静态编译原理，不会 10.反问

感觉没有问啥太难的代码题和八股，比较偏重简历的东西。 一面：地图最短路径dp，只能向下向右；斐波那契数列，我没想到logn的快速幂，感谢面试官没难为我。 二面：类似行星碰撞，给一堆点然后求什么时候和右边的点撞上，思路差不多对但死活没优化出来，感谢面试官又放我一马😂。 三面：bfs最短路径，问了机器学习八股，感觉也没咋难为我。 不知道后面还有几面，不过感觉效率挺高的，两周面完，面试官也很和蔼。 个