《web前端》专题

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. vue2和vue3实现数据双向绑定原理的区别？ 3. vuex怎么配置？ 4. 坐过菜单栏吗？怎么实现的？ 5. 路由跳转的方式？ 6. 状态码你了解哪些？ 7. es6新增的特性你知道哪些？ 8. 箭头函数和普通函数的区别？ 9. 组件间通信有哪些方法？ 10. 给你一个紧急的项目你怎么接手？ 11.

1，盒子模型，区别，用处（标准和怪异） 2，介绍了实习项目的难点和优化点（说了比较久） 3，vue2响应式原理 4，vue2和vue3区别 5，http和https 6，tup和upd区别 7，反问

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

旷视一二面  一面  自我介绍 学前端多久 css盒模型 垂直水平居中 对bfc理解 js数据类型 js基本数据类型和复杂数据类型区别 ```js let a = {age : 20}; let b = a; b.age = 30； console.log(a.age); ``` 手写深拷贝 对this的理解，指向的判断 箭头函数的this 项目怎么调用接口(axios) 对async,await