《秋招前端开发》专题

部门是酒旅，面试平台是牛客 一面： 如何实现图片懒加载 为什么会出现 sass 预处理器？目的是什么 sass 的工作原理 ts 和 js 的区别 vite 和 webpack 的区别 vite 打包的产物能直接发布吗 java 和 node 的区别 node 是单线程，会阻塞吗 node 的事件循环机制 宏任务和微任务有哪些 http 和 https 区别 数字证书是谁发的 js 的包装类型是什

1. 自我介绍 2. 简单介绍一下你熟悉的前端技术 3. 介绍一下项目 4. 事件冒泡和事件捕获 5. js基本数据类型 6. null和undefined的区别 7. typeof和instanceof的区别 8. typeof一个arr的结果是什么， Object.keys(arr)的结果呢 9. 遍历对象属性有哪些方法 10. Object.keys和for in的区别 11. vue2 中

一、拷打项目 1. 项目做了什么 2. 性能优化有哪些指标，怎么优化的 3. Echarts数据量过大怎么优化 二、八股 1. 伪类伪元素，has()，is() 2. flex 3. 回流重绘，怎么避免 4. 盒模型 5. 原型链，怎么实现继承 6. webpack打包 7. babel和叠片做低版本浏览器兼容 8. http状态码 9. 301重定向后使用什么请求方法 10. http缓存 11

1.通过什么方式学习前端 2.new操作具体做了什么 3.一道输出题，三个输出就答对一个，haha 4.promise相关的概念 5.代码题：以下哪个promise可以把error捕获到？又不会，haha 6.事件循环概念 7.requestAnimation？没用过 8.二分查找，秒了 9.含有负数的有序数组在平方后仍然有序？ 先说了一个暴力求解法，又加了个特判剪枝了一下，但是还是有两层循环，后

一、拷打项目 1. 做了什么，有没有什么有难度的 2. 性能优化，怎么分析，优化了哪些 3. 图片懒加载Vue3指令 二、八股 1. http状态码 2. http2 3. 什么时候触发跨域，跨域怎么解决 4. CORS英文全称，有哪些请求头，协商过程 5. 跨域怎么携带cookie 6. 事件循环 看代码说输出 7. 原型链 给Array添加一个lastItem方法 8. var和functio

二十多分钟就结束了，感觉一面面试官好年轻，感觉像个新的面试官 1. 自我介绍 2. 给了一个场景问了防抖的原理，及口述实现 3. 又问了节流和防抖区别，口述实现 4. 简单说说promise和async,await 5. css中样式解析的流程（不太知道是想问样式解析顺序还是选择器优先级就都说了，面试官说我很熟悉嘛，说的很快） 6. 单例模式是什么 7. 熟悉react么（只学习过基础就没问了）

1.Vue是怎么操作DOM的？ 虚拟DOM、diff算法 2.浏览器可以直接读懂Vue吗？ 当浏览器加载一个Vue应用时，浏览器本身不会直接理解和读懂Vue的代码。Vue是一种用于构建用户界面的JavaScript框架，它通过一系列的编译和转换过程将Vue的代码转换为浏览器能够理解和执行的代码。下面是浏览器在读懂Vue应用时所做的一些工作： 解析HTML：浏览器首先解析Vue应用的HTML模板，识

1.自我介绍 2.项目拷打 3.webpack执行流程 4.loader和plugin的区别 5.深浅拷贝 6.js事件循环以及和node事件循环的区别 7.浏览器缓存 8.302状态码 手撕： 1.promise.all 2.三数之和 #面经# #滴滴# #前端#

1.自我介绍 2.项目经历拷打 3.react函数组件优化方式 4.react组件通信（问我父传子除了props、context、redux有没有其它方案，没答出来） 5.跨域（详细说明cors方案） 6.cookie的属性 7.两栏布局 8.git相关命令 9.commit和push的区别（一开始答错了，面试官引导下答对了） 10.未来的职业规划 问建议说都挺好的，没啥建议，大约两个工作日内约下

1. 项目中是如何进行性能优化的 2. Webpack的工作流程 3. Js的相关loader 4. Babel的编译流程 如何配置兼容更古老的浏览器 5. Vite和webpack的区别 6. Vue状态管理工具用过什么？什么时候会使用状态管理工具？ 7. 组件间通信方式 8. Vuex和pinia两个的设计理念区别？对两者的理解 9. 对SSR的理解 10. Type和interface的区别

Js数据类型及其区别 For of和For in的区别 判断数据类型的方法 对原始值的拆包和解包 深拷贝、浅拷贝 子问题：JSON.parse( JSON.stringify(arr))在深拷贝时有哪些需要注意 数组的常用静态方法和实例方法？ 子问题：①哪些方法会修改原数组、哪些不会？②数组Pop方法的返回值③使用哪些数组方法可以实现浅拷贝④slice()第二个参数为-1是什么意思⑤splice(

3.27 Boss上hr主动沟通，职位是资深前端开发，当时没怎么报希望，随便投一投想着混个面试攒点经验，应该是后来给我转到校招去了。 4.3 一面，八股问的基本是简历上提到的。面试官说基础很扎实看看能不能给个sp，不过最后也没给，估计是给我上强度的sp问题没答上来。浅聊一下项目，无手撕无算法。 4.12 二面交叉面，隔了个清明假期所以比较久。上来就讲项目，问项目难点，有手撕（用本地ide，函数名字

>应届生招聘 1.并发和并行 2.什么是TCP?追问怎么实现可靠？ 3.多线程？线程的状态怎么转换？ （1~3是根据我项目上写了个C++聊天室提问的，但是没有这个可能也会问哈哈哈） 4.VUE组件通信 5.Vue2和Vue3的区别 6.虚拟DOM 7.闭包是什么？闭包的优缺点？应用场景？ 8.原型和原型链 9.异步解决方案 10.JS为什么被设计成单线程？ 手撕- 找出无重复最大子串（可能有多个）

—— 一面 （20min）—— 自我介绍 问上一家转正相关的（巴拉巴拉） 水平垂直居中 vue的常见命令 v-show和v-if 三栏布局 清除浮动 bfc 盒模型，如果是怪异盒模型，宽度100，padding100，那么实际宽度多少（我直接哈？） css动画还是js动画实现忘了 常见性能优化，懒加载，断点续传... 常见状态码 https加密流程，对称和非对称加密 常见网络攻击方式及预防 vue

1.你了解哪些typescript的特性？ 2.如何判断是否是数组？ （Array.isArray()方法、toString.call、原型链、instanceof） 3.数组里经常使用的方法？ （tostring、tolocalstring、join 、shift、unshift、push、pop、sort、reverse、forEach、some、every、reduce、map、concat