《web前端开发》专题

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

一面 大文件切片上传的实现 （项目中写过） JavaScript中的基本数据类型 判断数据类型的方法以及这些方法的区别 Object.prototype.toString.call的基本原理 原型和继承 CSS盒模型 Set和Map简单说一下 讲一下浏览器的渲染机制（defer和async） 重绘重排（解决） 讲一下事件循环（随后出了一道事件循环的题目） Vue生命周期 webpack中的打包流程

因为进会议之面试官已经到了，就直接打了招呼开始导致忘记录屏了，1.15分钟，这次面试官是我遇到的第一个马保国型的面试官（b站有个视频把面试官分为程咬金型：只打三板斧和马保国型：掌握了接化发），说到什么就聊什么，而且特别喜欢让我去想一些没考虑过的东西。前面有很大一段时间在考css，考了bfc，兄弟级别盒子边距重合问题和父子级别盒子边距重合问题；还考察了borderBox和contentBox，两种盒

一面（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，介绍了实习项目的难点和优化点（说了比较久） 3，vue2响应式原理 4，vue2和vue3区别 5，http和https 6，tup和upd区别 7，反问