双非本硕前端秋招

双非本硕，从八月的第一面开始，几个月来面了大概十几二十次，拿到一个oc已经开始摆了。纪录一下整个秋招流程。

-------------------------

2023-08-14 百度提前批一面

1.项目

2.Vue双向绑定

3.Vue响应式

4.Vue 通过索引方式能够触发响应式吗？splice能触发响应式吗？

5.Vue 连续更改两次数据，回到原来的值，他会触发渲染吗？

6.讲一讲常用的React hooks？

7.useEffect依赖项不同情况[]、[a,b]、不写对应什么情况？如果我进行了路由切换，会触发哪个useEffect（或者不触发）？

8.useCallback和useMemo介绍一下？如果useCallback也是返回值而不是返回函数呢？

9.一道promise await输出题。接着问promise有几种状态？状态的流向？如果resolve(throw Error)会进then的第一个参数还是进第二个参数？

10.性能优化方式

11.如何压缩资源？分为js、css、图片

12.cdn？cdn是什么？cdn为什么快？

13.手写题：数组中的重复数字 [2,3,6,1,2,8,7]找出来，两种方法

14.webSocket和http区别

15.webSocket和http2都能服务端推流，区别？

16.介绍防抖和节流

第一面，紧张的很，共享了

---------------------------

2023-08-16 快手一面

无自我介绍 1h

项目 0.5h

说说JWT

session和jwt在鉴权上的区别

对ts的了解程度

ts和js的选型，你是如何选的？

websocket和http的区别

vue和react两个框架的介绍以及他们的区别

浏览器存储的了解以及区别

原型链以及原型链相关题目

原型链体现了一种什么样的编程思想

事件循环及相关题目

了解设计模式吗

观察者和发布订阅的区别

vue响应式体现了什么设计模式？说明一下vue的响应式

手写冒泡

面试官小哥哥贼帅 当场通过 大概30分钟来二面邮件

2023-08-17 快手二面

项目

防抖手写

节流手写

jwt怎么做的

vue响应式原理？

vue的依赖收集到哪里？是一个怎么样的数据结构

v-if的实现原理？当v-if变化时你怎么知道该去哪里进行变化？如果要你自己实现，该怎么实现？

你觉得Vue设计最巧妙的地方在哪里？他的设计核心是什么？

xss和csrf

事件循环以及题目

快排手写

反问

5分钟来三面邮件

2023-08-21 快手三面

自我介绍

项目难点

不同图片格式的差异

怎么判断是否支持webp格式

怎么判断浏览器内核

前端常用调试方法

前端性能指标 FP FCP等

还有哪些优化方式

webpack构建流程

webpack整个流程有哪些钩子/阶段

强制缓存协商缓存。如何知道是哪种缓存。什么时候该用哪种缓存。

简单请求和预检请求。为什么要有预检请求？哪些请求算是简单请求

JWT流程

JWT加密方式（对称还是非对称）？怎么加密的？怎么验证token完整性的？怎么验证token的？

手写：扁平、排序、去重

快速排序时间复杂度、是否稳定

如何使快速排序变得稳定？

面试官面无表情，全程无提示、无反馈，无反问，体验极差

第一次走到技术面终面，很可惜，两天后挂掉

----------------------------

2023-09-12 美团一面

项目印象最深刻的点

react和vue组件通信

redux缺点

hook为什么不能在if中使用

useCallback和useMemo的了解与使用，应用场景

设计模式(在两个框架中如何使用的设计模式)

ts了解程度

介绍ts 泛型

手写：对象转换

手写：数组扁平

G了 都回答原理了 还说我回答深度不够

---------------------------

2023-09-20 海康威视一面

前端安全上会遇到哪些问题？如何解决

websocket和http区别？

websocket这么好，为什么还要用http ？

报文怎么定，websocket接受完数据后，怎么处理？

现在有多个数据组，每个数据组对应一张图表，是创建几个websocket连接来处理这种情况？

大量图片上传，前端怎么处理？如果是实时传输图片（如每秒推送10张）资源从后端上传到前端，需要页面图片动态变化，怎么处理？

CSS选择器的优先级

现在我需要保留一些空间用于后续的操作，应该怎么做？

flex的理解；

JS中的new操作符具体做了什么；C语言中有new吗？

讲讲性能优化？从应用层面，数据层面，传输层面的角度讨论优化方案

fetch、ajax和axios区别？

大文件断点续传的协议怎么做？

哈希值的理解？作用是什么？

什么时候掉md5以获取哈希值？

文件切片后传输到前端顺序是否改变，是否丢包，怎么与后端做处理，后端如何判断分片是否缺失，如何合并分片？交互协议怎么制定？

关注前端的哪些前沿技术？

通过 下周hr面 目前还在池子里等第二批逼签

---------------------------

2023-09-21 携程一面

面经忘写了 大概就是八股+口述算法(二叉树相关)

2023-09-28 携程二面

项目中如何使用Promise的

项目中promise和await搭配是如何使用的

await后面接一个Promise 如何算等待完成

两个人合作 A说他修改好了一个文件 我如何拉取？

从远程A分支创建到本地B分支 如何实现

React生命周期

React生命周期中的-constructor-中的super(prop)作用，没用super的话会怎样？

React ref

React key

map和set

flex布局 父上有哪些属性 子上有哪些属性？

移动端如何调试，有哪些调试工具

Antd使用有遇到什么问题

对输入框防抖，如何保证输入的顺序正确

正则表达式在项目中的使用，会用正则表达式匹配邮件吗

性能优化

RN会吗？taro会吗？

职业规划

2023-10-09 携程hr面

2023-10-11 携程英语测评完成

2023-10-13 状态变为综合评估中

2023-10-16 携程oc

----------------------------

2023-09-27 腾讯云智一面(长沙)

1.回流重绘

2.垃圾回收，垃圾是立即回收的吗

3.垃圾回收深入：哪些情况不会被垃圾回收

4.闭包引用的变量会一直存在吗

5.事件循环

6.跨域

7.浏览器如何获取性能指标 原生方式

8.原型链

9.vue响应式原理

10.v-show和v-if及其原理，v-show除了display外还有哪些方面造成他初次渲染消耗高？

11.js如果对一个dom进行了修改，接下来获取这个dom元素，是获取到的修改前还是修改后的？此处不涉及框架

12.xss攻击

13.攻击者是如何注入攻击的

14.如何转义？

15.性能优化。缓存方面、网络方面

16.手写splice实现 搞这么难啊

还没放假的时候就G了

-----------------------------

2023-10-08 富途一面

SSO实现方式

两个不同源的地址怎么共享登录状态

csrf是如何攻击的

cookie能否跨域携带

使用ajax可以进行csrf攻击吗

其他就是常规八股

智力：25匹马5条赛道 选最快的3匹马最少要多少次

2023-10-17 富途二面

项目

https详细

http和websocket

性能优化方式

前端攻击方式

url输入到页面渲染

跨标签页通讯方法

智力题：三个盒子装硬币

------------------------------

2023-10-09 亚信安全一面

前端工作是研究生课题吗

怎么选择做前端的？

vue和react都有做吗

图片懒加载怎么实现的

防抖节流

输入框验证防抖怎么实现

前端埋点

白屏性能优化

JWT

vuex

生命周期

div动态高度 生命周期阶段能获取到么

div隐藏了 但是dom还在 生命周期阶段能获取到div高度吗

给你一个项目 你会用Vue还是react

根据什么选定技术栈

vue和react的区别

过了 前几天也约了2面 又水掉了 现在还没重新发2面时间选择

----------------------------------

2023-10-12 去哪儿一面二面

-----一面

读：事件循环输出题

读：js经典闭包陷阱题（通过把var改成let可以解决的那个题）

手写两栏布局

flex：1解释

如果flex-basis:100px，剩余空间该如何分配

如果父的宽度很小，item该如何缩小？

手写push一个数进数组后重新排序，以及如何优化（数据量大时）

谈谈异步和同步

-----二面

项目挖掘

React和Vue区别

如果叫你设计一个js框架，你该如何入手设计？

最近看什么文章

微前端原理

为什么没实习

职业规划

二面面试官全程老父亲笑容 体验极佳

hr面 泡池子 大概率oc

----------------------------------

2023-10-10 度小满一面

websocket如何减少资源消耗?和http区别？

如何封装axios请求拦截器和响应拦截器？拿着两个拦截器做了什么?

如何应对反复点击按钮造成的重复请求发送？如果在axios层面解决这个问题如何做呢？

现在我有年月日三个选择框，选择一个就发送一个请求，如何做到我在顺序点击年月日后，一定会最后得到日的请求结果？

如何保证请求的有序发送？以及响应的有序接收？必须从网络层面上说明。

大文件分片上传讲讲？

了解前端如何读取文件内容吗？

spark-md5给什么加的？为什么要这样加。

spark-md5计算很慢，你该如何做？

上传时的文件格式是什么？

vue3会用吗

手写：vue2双向绑定

手写：求二叉树最小深度

2023-10-12 度小满二面

项目

原生方法如何实现元素是否进入视口判断

读代码：原型链、提升、this综合题目

function Foo() {

console.log(this)

this.getName = function () {

console.log('1')

}

return this

}

Foo.getName = function () {

console.log(2)

}

Foo.prototype.getName = function () {

console.log('3')

}

var getName = function () {

console.log('4')

}

function getName() {

console.log('5')

};

Foo.getName();

getName();

Foo().getName();

getName();

new Foo.getName();

new Foo().getName();

手写：三栏布局 三种方式实现

其他忘了

2023-10-17 度小满三面

项目

使用组件库或者图表库时遇到的问题

手写：防抖

手写：轮询http请求 需要考虑超时、考虑轮询成功后停止轮询

2023-10-16 金山文档一面

vue和react的区别

为什么选择前端

项目是前后端分组的么

flex了解

原型和原型链

跨域解决

vue2和vue3的区别

react常用hooks

vue2的vue-router 如何传参

vuex的理解

常见状态码

cookie和session

常见数据结构

快排思路

最好的面试官之一 每回答一个问题他都要给我讲他对于这个问题的理解

----------------------------------

2023-10-13 数字马力一面

没记录但纯八股

2023-10-17 数字马力二面

没记录但纯项目

---------------------------------

2023-10-15 知乎一面

没记录但纯八股

---------------------------------

2023-10-19 汉得面试

闭包

性能优化

项目简单了解

vue父子组件生命周期执行顺序

created和mounted

--------------------------------

2023-10-19 闪送一面

vue keep-alive

vue 响应式

vue data为什么是函数

react 常用hooks

redux和useState使用场景

垃圾回收机制