《字节跳动前端面试》专题

1、怎么学习前端的。 2、为什么选择前端。 3、map和object的区别，for…in…可以遍历map吗。 4、Vue2和Vue3的响应式区别。 5、Vue3的reactive，创建一个a对象，通过reactive得到b，然后修改b，这个a会改变吗。 6、ES module和CommonJS module的区别。 7、不使用脚手架，如何让浏览器可以执行ES module。 8、有没有了解过脚手架

1. 项目说一下 2. 为什么离职，不骑驴找马 2. vite做了哪些优化 3. vite 构建流程 4. webpack里面less怎么转化，less loader有什么用 5. 还用过什么打包工具吗 6. 组内有什么是你主导做的吗 7. 组件设计说一下 8. react hook说一说 9. 之前是怎么学前端的 10. 手写：url解析 11. 如果url其中一些callback报错了怎么抛出

万得面试 1.sessionstorage/localstorage/cookie 主要问cookie和他们之间的区别 比如说想存一个七天的数据 可以用localstorage然后给他一个时间 最好是用cookie设定存储期限 cookie存储量较少 只有几k 同时前后端都可以写入cookie 私密文件可以直接由后端写入cookie 2.两个页面之间进行数据交互 window.open（）打开之后

怎么做一个modal弹框，并且弹框下增加另一个弹框覆盖 怎么处理集中异常，埋点了解吗 文件格式，怎么上传，怎么做个拖拽上传图片 说说redux 说说class组件和函数组件 跟后端请求方式有哪些 浏览器怎么运作的 样式写在js里面和写在css里面有什么区别 0.1+0.2 === 0.3? 算法：找出车牌号不同的随机4个对应的人 #前端面经#

vite生产环境配置 vite比较webpack优化的点在哪里 浏览器本地存储 什么情况会导致图片列表滚动掉帧问题 性能优化工具怎么看 说说碰撞检测算法 延期风险怎么解决 紧急的延期风险怎么解决 从产品到前后端的开发流程 遇到最大的问题是什么 学到最多的东西是什么 有没有遇到过非常难沟通的人 离职原因 #面经笔经#

简单问了实习经历 get，post请求的区别 每一行的作用？ scripe标签应该插入在哪里？ 每个盒子宽度不固定，应该如何实现？ 用vue实现一个懒加载。 你知道的css的单位。 rem和em的区别，什么情况会用到rem 是否了解postcss。 实现todo里面的。 说分别输出了什么？ 不改变变量声明方式，使用闭包转化，使之输出0,1,2。 html5有什么新的特性，标签，你使用过那些，有什么

对面向对象有什么理解； 继承，封装与多态； 进程和线程的区别 讲一下大顶堆和小顶堆 对象的原型是什么 前端是如何实现继承的 观察者模式和发布订阅的区别； node原生实现接口导入的是哪个库 express使用中间件是先进先出还是先进后出 vue实现响应式的原理 vue2和vue3实现双向绑定的区别 webpack中loader和plugin的区别 说说对Vue composition API的理解

自我介绍 两道手写： 1.数组转树对象 2.手写promise.all，入参是数组 剩下不按顺序了，记不得了 http和https的区别 ts相比js有哪些好处，使用成本在哪 react函数组件和类组件的区别（hooks） 为什么useState返回的是array而不是object es6的结构赋值，做了两道很简单的判断题 css三栏布局两端固定中间自适应的方法 flex：1是哪三个属性的总概 c

一面（10.27） 项目中的导航拦截怎么做的，做了什么 token 为什么存在 localStorage, 而不是 cookie 或 session 中 路由懒加载是怎么做的 && 使用 import 的返回结果是什么 token 令牌是怎么生成的 koa 和 express 的区别 && koa的好处 fetch promise. all less 的好处 TS中的 unknown && any

1.先问了问项目，又问了下相关的react-three-fiber 2.ssr和csr的区别 3.增量渲染（？） 4.项目里怎么做的响应式布局 5.px转rem有没有什么好的方法（vscode里直接转的，不知道） 6.grid布局和flex布局用法，有什么本质上的区别 7.grid布局怎么设置间距 grid-row-gap：行距； grid-column-gap：列距； 8.前端性能优化，问一些很

1.自我介绍 2.项目中应用到的技术 3.对前端新框架的关注度（从哪里关注之类的闲聊、vite、自我学习规划） 4.vue生命周期 5.监听首页白屏 6.webpack打包优化手段 7.箭头函数与普通函数的区别 8.算法题：反转链表 9.undefined和null区别 10.浏览器输入url到显示网页之间发生了什么 11.内存泄露 12.let var const 区别 13.算法题：冒泡排序

一面（8.19） 介绍项目难点和遇到的问题以及优化 项目中的token具体怎么使用的以及登录验证逻辑 什么是 RESTful 风格接口 路由懒加载以及实现 根据需求，设计实现一个图片懒加载 用一些工具的时候遇到了什么问题，怎么解决的 作用域和 this 指向 对 Promise 的理解 && Promise输出问题 强缓存 && 协商缓存 防抖 && 节流 && 手写节流，并写一个测试用例 算法题

一面（12.9） 1. v-if v-for 为啥不能一起用 2. vue 响应式原理 3. HTTP2 优点 4. 多路复用解决了什么问题 5. Vue 实现原理「问到了源码层面」 6. 手写深拷贝 7. 深浅拷贝区别 8. JSON.stringify 的缺点 9. Vue2 diff 10. Vue2 和 Vue3 的区别 11. 手写匹配括号 12. 浏览器中宏任务微任务 13. Node

秋招这么久了，面了十几家公司。浅浅写几家面经攒攒人品。 拓维信息面经 1. 自我介绍。 2. vue2和vue3实现数据双向绑定原理的区别？ 3. vuex怎么配置？ 4. 坐过菜单栏吗？怎么实现的？ 5. 路由跳转的方式？ 6. 状态码你了解哪些？ 7. es6新增的特性你知道哪些？ 8. 箭头函数和普通函数的区别？ 9. 组件间通信有哪些方法？ 10. 给你一个紧急的项目你怎么接手？ 11.

自我介绍, 说一下vdom 你说一下闭包，闭包的应用场景以及缺陷，当时没答上来缺陷，后面查了一下 说一下函数柯里化，以及应用场景，答的马马虎虎吧 你用webpack吗？我说不用，我用vite，对webpack不怎么了解，面试官问：你说一下vite的优化 我说了esbuild预构建，以及缓存LRU，以及相比于webpack的bundless优势 commonjs与esm的区别，然后又问我真不知道tr