《前端一面》专题

明天入职了写个面经 一面 面试官是小姐姐，人很好。不过她说一面是基础的，二面可能才是上难度。有些已经记不清了 自我介绍 项目中做过有挑战的 如何从0到1搭建项目 事件循环 js数据类型 引用类型和原始值的区别 如何判断数据类型 call，apply，bind的区别联系 如何理解异步，Promise，generator，async await的使用 跨域 fiber的理解 key的作用 常用的hoo

0.总时长45分钟 1.手撕 【1】add函数柯里化 【2】手动实现myReduce 【3】深拷贝（数组和对象） 2.项目（移动端适配，图片懒加载） 3.反问环节 总评：手撕题其实很基础，但是最近有点摆表现不好，所以草草结束，这也是有点不应该的。 字节一面挂，京东hr面挂，这个基本无了。

一面 针对简历的提问   跨域   怎么前后端联调   会话控制   你怎么做的小程序性能优化 说一下XSS攻击 考察事件循环，微任务，宏任务 函数柯里化 写一个快速排序 二面 都是场景题 1 一个按钮，用户点击会发送请求，如何做才能在用户反复点击按钮时不重复发送请求 2 控制请求并发的数量，例如有8个请求需要发送，如何控制同时只能并行发送两个请求 3 有哪些方式实现一个进度条的进度 4 如果一个

面试时长（40min） 一、自我介绍 二、项目相关 1. 你觉得你最有难度的项目是哪一个 2. 怎么实现的大文件上传 3. 在项目中做过哪些优化（渲染优化和websocket） 4. 细说websocket（忘了...） 5. 除了websocket和http还知道哪些请求方式（不知道） 6. 实习项目中封装了哪些组件 7. 如果多个项目要使用这个组件怎么办？（后面引导我用npm） 三、八股 1.

1、自己常用的布局技术，以及应用场景 2、浅拷贝和深拷贝的区别 3、linux常用的命令有哪些 4、使用过的性能优化手段 5、考虑过哪些浏览器兼容性 6、了解过哪些攻击方式 7、在开发中对安全性有哪些考虑 8、localstorage、sessionstorage、cookie的区别 9、js的数据类型有哪些 10、数组常用的方法有哪些 11、对闭包的理解 12、共享屏幕展示自己的项目 13、项目

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

这把有点结巴😅 1.自我介绍 2.介绍项目，（这个好像太长了，不能一直讲个不停） 3.通用模板怎么样 4.v-scroll指令怎么写的 intersectionObverser 5.图片懒加载怎么实现的 6.性能优化，除了简历上的之外，还有其他的吗(CDN、浏览器缓存) 7.强缓存和协商缓存的区别 8.浏览器资源缓存的位置有哪些 (四个 Disk Cache、Memory Cache、Servi

拷打项目 图片懒加载实现 ES6了解吗 promise（作用，API） ESm和cjs区别（ESM导出的变量是常量，cjs是变量） webpack和vite（只会用vite） https和http区别（TSL握手流程？） 浏览器弹出安全警告原因？（网站使用了HTTP而不是HTTPS，或者证书过期） 跨域是什么，怎么解决 XSS和CSRF攻击和防御 算法：快排#软件开发笔面经#

时长55mins 自我介绍 怎么接触的前端？学了多久？ 问项目 为什么要做组件库？ 问到我的组件库和AntD之类的有什么区别，我说区别可能就是我的功能更少？hhhh 设计一个组件的思路？ 样式冲突问题 单元测试是什么？你用什么做的单测？ 对于CSS 预编译语言的理解？ （变量、混合、函数、模块化） 你使用的React的版本？ （18.2） 18.2 对于17的区别？ （没咋说出来，说了一些19的新

面试官迟到将近十分钟打电话问的我会议号，面完秒挂😭😭😭 1.自我介绍 2.项目展开 （3题和4题实在是不知道怎么精简题目，凑合看一下叭） 3.react之所以具有这么强大的特性，那他具体做了哪些东西，他在设计上有哪些的倾向性让他能够实现这样的一些特性 4.JS本身它有哪些很好的一些扩展性可以帮助它在在它上一些语言，包括react、Vue等等，那他的哪些他的扩展特性做的比较好的，或者说他的开放

WXG一面挂，暑期实习刚开始直接挂两个，焦虑了，🐀🐀 我啊。 时长：1 hour 高强度八股 /(ㄒoㄒ)/~~，还是菜了 😂。 自我介绍 做过最有难度的项目 浏览器事件执行机制 浏览器的渲染机制 浏览器 JS 如何使用多线程 Node 中如何使用多线程 回流和重绘是什么 想要多次更新会多次触发重绘如何优化？ 动画效果会不断触发重绘么？如何优化？ 学过 canvas 么 V8 垃圾回收机制讲

4.12一面 1.自我介绍 2.印象比较深的项目 3.前端学习路线 4.学习前端途径 5.学过哪些课程 6.不同数据类型存储的位置 7.会改变原数组的方法 8.输入url会发生啥 9.opacity:0和display:none区别 10.进程线程区别，进程之间通信方式 11. http1.1和http2.0区别 12.interface和type的区别 13.vue2 /3在数据劫持方面的区别

发面经攒攒人品，许愿能够拿 offer（ 这两轮面试是用腾讯会议进行的，对面都没有开摄像头。 一面 I. 自我介绍？（项目被看出来是练手项目，所以也没多问） II. 手撕代码（用共享屏幕，打开自己的 IDE 做的） 两数之和（hashmap），后面要求继续优化：只用一次循环，这部分没想出来（ III. 八股 1. 如何清除浮动？ 2. 了解过回流和重绘吗？ 3. 什么是盒模型？ 4. Promis

。。。上来甩五个题 1.实现一个简单计算器 2.两个vue项目补全改错 3.一份代码审查，要从多个方面指出问题 4.25丕马，啥一次跑五个，问最少跑几场才能选前三名。 全程都没声音，默默写，第一题跳了，最后说了思路，第二题写了，第三题写一半没时间，第四题写了三点，从规范，性能，和安全，第五题我自嘲愚笨，没时间想不出

面试的面试官很和蔼，比较注重项目和基础，全程八股 + 项目，无算法。 1. 自我介绍 2. 介绍项目（让我说一个已经落地的项目，emm，我的项目上线一年就下线了） 3. 项目难点以及如何解决的 4. ES6新特性 √ 5. axios封装中用到了哪些ES6特性 √ 6. 闭包，闭包会有什么问题（答了内存泄漏），引发了垃圾回收机制，介绍垃圾回收机制怎么回收的。√ 7. 说一下HTTP2.0 √ 8.