2024年5月前端面试记录：裸辞、旅游、面试

在职期间面试

富途

有效括号匹配

判断b是否是a的子集（a和b有重复元素，要求b的同个元素出现次数<=a的同个元素出现次数）

离职原因

最有挑战的项目

技术分享做过哪些

如何发现用户痛点并解决

vue和react的相同点和不同点

单项数据流和双向数据绑定的原理，区别

vue3为什么用proxy改写数据劫持

项目是否用到typescript

项目是否用到自动化测试

props数据流向

ref和reactive区别

一个页面输入到展示过程

react页面白屏检测

csrf原理和解决方案

302怎么确定重定向路径

移动端怎么适配

性能优化

全排列

js对象数组转树形结构

promise(A).catch(f1).then(f2),f1执行后f2回执行吗，为什么

反思了下挂的原因，自动化测试和ts项目重没有用到

乐信

一面

微前端技术选型优缺点比较

为什么要在项目中引入微前端

qiankun的实现原理

qiankun的css隔离原理

js隔离原理

设计一个沙箱机制

electron项目的多进程多线程架构设计

webpack升级踩坑

自研自动化打包部署脚本

redis和k8s使用场景举例

二面

1. 项目分工、承担角色，团队人员情况，比其他成员强的点
2. 怎么技术选型和学习新技术
3. 最有挑战的项目，为什么要用web worker，怎么设计的方案
4. 一个多个视频流媒体的h5页面，滚动加载更多视频怎么处理性能优化
5. 项目中怎么处理性能优化
6. cdn用的那个厂商的，怎么配置缓存策略
7. http2.0特性，头部压缩怎么实现的
8. csrf从前后端角度实现预防，你说的是常规的方案，要实现完全预防怎么做

问了下最快入职的时间（在职要一个月） 就没下文了

旅游记录大理3月初的早樱

丽江古城的花

沪沽湖的西伯利亚海鸥还没飞走

旅游路线 香港-曼谷-甲米

深圳-昆明-大理-丽江-沪沽湖-西双版纳

离职后面试

供应链公司（猎头推荐）offer

笔试，主要有基础数学和逻辑推理，前端基础

一面

三个页面地址为www.baidu.com/a,www.baidu.com/b,www.qq.com, sessionStorage是否能在这些页面共享，为什么 localstorage呢

nginx try_files具体怎么使用

location是怎么匹配的，匹配规则有哪些

Linux命令考察

docker是怎么实现选取镜像并启动容器

cicd的理解和具体实现

实现一个单据功能的接口数据传输格式，从后端角度考虑为什么要这么传

面试过主动介绍了下公司概况，我入职后要做的工作，绩效考评方案，上班时间和今年规划

二面

针对简历提问

离职原因

作为技术负责人，新入职怎么管理一个团队，如果工作事项特别多怎么保证不延期

是否接受公司工作节奏

业务介绍

大概1个工作日后猎头联系面试通过，谈薪已达到预期，感觉不太符合职业规划方向，没接

长沙威动科技 技术面通过，a薪资失败

一面

针对简历提问项目

设计模式和算法考察

设计原则知道哪些

之前怎么做通用组件设计

5个词描述自己性格特质

对于管理的看法

如果你来招人招什么样的人

介绍了下具体的工作内容和业务，音视频结合AI

笔试（公务员笔试的题，逻辑思维阅读理解）

二面 HR面

婚育情况

离职原因

是否已回国，目前在哪个城市（微信上联系二面时间说去泰国旅游了）

笔试题哪道没有把握

针对简历提问

福利待遇和五险一金缴纳比例介绍

试用期时长和打折情况

如果没达到薪资预期是否还考虑 （不考虑）

高灯科技

这家在深圳线下，去了要填表格，包括家庭成员情况和学历、工作经历

笔试（一页纸）

有一些手写题和前端基础

版本号比较

正则写13-15位大写字母或数字

开发过小程序吗

vue和react源码用了哪些设计模式

有了解哪些新技术

职业规划

平时怎么学习的

低代码项目介绍

架构设计实现

redis nginx场景题

之前怎么给团队成员打绩效

从前端负责人的角度，网站加载速度优化

有什么兴趣爱好，是否考虑一线开发岗

大概过了一个工作日，hr联系我谈薪，薪资不满意，pass

谈薪这天在旅游的路上，接下来就是云南旅游了

旅游回来正式开始找工作，时间为3.15

开时支付（这家1月底投递，3月初才找我面试）

大数据业务理解，埋点怎么做的

数据大屏怎么实现响应式

微前端怎么调研的

怎么做的主应用或子应用单独启动

子应用单独启动情况下怎么获取主应用的cookie信息

vue组件通信方式

讲讲虚拟DOM

业务的页面卡顿怎么解决

实际业务大数据量DOM渲染优化

算法会哪些

时间复杂度和空间复杂度怎么理解

实现字符串前缀匹配

面完问了下面试官评价，说架构能力开发能力是有的

无后续，看了下这岗位一直挂着，推测可能是KPI面

倍生

一面

前端架构是什么，有哪些前端架构

有个紧急任务要完成，团队成员都不愿意加班怎么解决

一个项目既有H5又有桌面端应用，h5重构代码量大，考虑分开维护还是放在一起

websocket消息质量了解过吗，012段消息是什么

websocket通信机制了解吗

异步编程是什么，优缺点

promise的优缺点和理解

面向过程编程和面向过程编程有什么差异，怎么理解，函数式编程呢

全局函数有哪些

后端200M数据渲染在页面卡顿怎么解决，一屏展示不下呢

webassembly了解过吗

介绍了下团队规模很要做的产品

二面 hr面

介绍了下福利待遇和公积金缴纳比例，给了几天时间考虑是否接offer 薪资不满意 过了几个工作日，HR联系我帮我加到期望（最低工资的五险一金，大小周）

长沙数字马力

一面

手写快排

给了道题目，eventloop时序性考察

项目中做技术方案调研的部分，难点是什么

多接口请求怎么优化

不同接口的时序性怎么保证

金额精度丢失前后端怎么处理

微前端qiankun的实现原理

qiankun的css隔离和js隔离如何实现的

proxySandbox和legacySandbox那个更好，为什么

legacySandbox会存在变量污染吗

legacysanbox是完全隔离吗，怎么实现完全隔离，在IE浏览器下怎么实现

设计模式会哪些，发布者订阅者模式和观察者模式区别 发布者可以直接调订阅者方法吗

webpack优化怎么做的，怎么做到优化9倍的，怎么定位耗时长的地方和原因的

vue的nextTick原理，为什么是先用promise，mutationObserver再用setTimeout和setInterval

webpack和vite的实现原理有何区别

class组件和函数组件区别

setState是同步还是异步，为什么

树摇原理，编译阶段怎么确定代码是否引用，怎么确定要不要删除的

二面

大概3个工作日约的2面

低代码怎么实现的

input怎么确定schema结构

如果重新设计这个系统你会怎么做

schema是什么

多任务并行怎么解决，如果都是优先紧急的呢

怎么解决远程沟通效率低的问题

怎么培养高潜，针对高能低愿的怎么管理

怎么建设梯度团队

三面

大概2-3个工作日约了hr面

hr面就核实了下基本情况，针对简历发问，给了口头offer（试用期全薪，全额五险一金，双休）

跟猎头了解的是接了offer需要第三方背调，offer审批需要一周

afership

一面 过往项目哪些有挑战

简单描述下阿里低代码引擎的架构设计

低代码解决了什么问题

低代码平台实现

为什么低代码中后台用的多

重新设计这套系统怎么优化

node内存泄漏怎么解决

和别人对接那些人比较优秀，他们有什么特质

最有成就感的项目

和面试官聊的挺愉快的，挂了

反馈的原因:想要更厉害的

tcl

在深圳线下面的，一面到三面都是同一天，面完出来已经是下午6点了

一面

低代码项目，怎么做到的低代码路由插件和业务路由适配

为什么用web worker

多窗口通信

数组原型链上有哪些方法

forEach和filter有什么区别

set和map

会哪些数据结构算法

数组和链表有什么区别

手写防抖

rxjs优缺点 rxjs忘了

dom事件流，一个按钮绑定了冒泡和捕获，点击后触发顺序是什么

ts的class修饰符有哪些，区别是什么

ts的枚举用途

二面

怎么优化electron项目

electron开启了多个窗口，每个窗口都是50M,怎么优化内存

多窗口通信怎么做

ts的函数重载怎么做的

electron崩溃监控怎么做的

怎么定位electron生产问题

三面 三面问的有点忘了，是+2 面，面试管主动介绍了后续的面试流程（+3和hr一起面试，定薪背调，说按工资缴纳五险一金，双休）

技术问题20% 其他问题占比80%

四面

大概过了1个工作日，约的2天后线上HR面

hr面（昨晚刚面完）

主要核实了下工作情况，offer情况，找工作考虑的因素

说后续可能还有一轮终面

字节跳动

一面

低代码项目介绍，难点

四道手写题（手写promise.all,对象扁平化，eventloop时序考察，还有一道貌似是全排列，记不清了）

es6，es7有哪些新特性

new String('123')和String('123')有什么区别，new String('123')==String('123')吗，typeof判断这两个是什么

给了个div元素,style为width:100px;padding:10px;margin:10px;div的宽度是多少，如果加上box-sizing:border-box呢

实现正则路径匹配

url从输入到输出的过程

vue和react的区别

https连接过程

有些问题没记在记事本上忘记了qaq

面了一个半小时

过了1个工作日，hr通知一面通过，约了二面待面试

弘柚

线下面试，也是要写表格

一面

主要对项目发问

类数组和数组有什么区别

用nginx解决过什么复杂问题，高并发怎么解决，怎么控制用户访问量

nginx的场景，图片防盗链怎么做，反向代理是什么，怎么做

docker怎么配合cicd

是否用jenkins完整跑过一个cicd（从搭建到生产使用）

移动端怎么兼容

怎么定位白屏问题的

ssr了解吗

seo了解吗

移动端性能优化

国际化怎么做，中文一个字，阿拉伯语很长一串，怎么实现样式的一致

react keep-alive是怎么做的

react生产问题怎么定位到具体错误代码行数

页面切换保存怎么实现数据不丢失且记忆滚动条位置，常规的方案会闪一下，不如原生性能，怎么解决

二面

hr面

询问期望薪资，离职原因，之前的工作内容

介绍了下福利待遇，试用期时长，我问了下上班时间（按工资80％缴纳五险一金，公积金5%，试用期要打折）

今天面试完，说如果合适还有一轮面试

仅供参考！！！