2024寒冬前端面经:3月,裸辞、旅游、面试

24年由于个人规划问题离职,主要是工作内容比较简单,不利于个成长,年前提离职,2月下旬正式离职

正好趁这个时间休息一下去了趟泰国和云南

个人概况:3月15日开始集中投简历,3.18开始正式面试,目前找工作2周

前端6年,有管理经验

离职前面试

富途

一面

有效括号匹配

手写判断a是否是b的子集(a和b有重复元素,要求b的同个元素出现次数小于等于a的同个元素出现次数)

离职原因

最有代表性项目

技术分享做过哪些

发现用户痛点并解决说一说

vue和react的相同点和不同点

单向数据流和数据双向绑定有什么区别

vue3为什么用proxy改写响应式,object.defineProperty有什么问题

项目中是否用到ts

项目中是否用到自动化测试

props数据流向有啥区别

ref和reactive的区别

输入一个页面到展示过程

https通信过程

对称加密和非对称加密,实际使用场景

乐信

一面

this指向(出题考察)

手写深浅拷贝

react的useState是同步还是异步

react的useEffect用法,第二个参数是对象会怎样

flex有哪些属性,子组件flex有哪些属性

absolute是相对什么定位

padding设置百分比是什么含义

微前端技术选型和框架比较

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

qiankun实现原理

qiankun的css隔离和js隔离原理

设计一个沙箱机制

electron项目的前端架构设计为什么用websocket

自动化打包部署脚本怎么实现的

redis和k8s使用场景举例

二面

项目分工,承担角色,团队人员数量情况,你比其他成员的优势是什么

怎么技术选型和学习新技术

最有挑战的项目

为什么用web worker,怎么设计的

一个多个视频流媒体h5页面,滚动加载更多,想要页面滑动流畅怎么处理

项目中怎么处理性能优化

cdn用的哪个厂商的,怎么配置缓存策略

http2.0特性,头部压缩有什么缺点

csrf从前后端角度怎么预防,你说的是常规的方案,有完全预防的方案吗

离职后面试

长沙威动科技

一面

针对项目提问

设计模式和算法知道哪些

设计原则有哪些

通用组件怎么设计

用5个词描述自己性格特质

对于管理的看法

如果你来招人要招怎样的人

介绍了下公司业务和工作内容(AI结合音视频)

面试结束后发了笔试链接(看着像公务员考试内容,主要是逻辑思维和阅读理解)

二面

约的离职后从泰国旅游回来的时间

婚育情况

离职原因

是否已经回国,目前在哪里

笔试题哪道没有把握

针对简历具体内容核实

介绍了下公司的福利待遇和五险一金缴纳比例基数(开年会国内外旅游一周)

试用期时长和打折情况(3个月 9折)

薪资没达到期望还考虑吗(不考虑)

供应链公司

深圳线下面试,去了先填表

笔试(基础数学,逻辑推理和前端基础,偏小程序)

一面

笔试过了10分钟面试

三个页面地址为www.baidu.com,www.baidu.com,www.qq.com,sessionStorage是否在这些页面共享,为什么,localStorage呢

nginx try_files具体怎么使用

location怎么匹配的,有哪些匹配规则

nginx用途

Linux命令会哪些

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

cicd的理解和具体实施

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

面试官介绍了工作规划,绩效考评方式,上班时间

二面 hr面

针对简历提问

离职原因

作为前端技术负责人,新入职怎么管理一个团队

工作事项特别多怎么保证不延期

是否招过人

是否接受他们公司节奏

期望薪资和最快到岗时间

一个工作日后猎头联系我面试通过,薪资达到预期了,但是不符合我个人规划

开时支付(1月底投简历,3月初才找我约面试)

自我介绍

大数据相关业务介绍,埋点怎么做的

金融业务介绍,项目难点

这两个行业有啥区别

数据大屏怎么实现响应式的

微前端怎么调研的

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

子应用单独启动状态怎么获取主应用的cookie

vue组件通信方式

讲讲虚拟dom

业务的界面卡顿怎么解决

实际业务中大数据量dom怎么优化

算法会哪些

时间复杂度和空间复杂度计算

实现一个字符串前缀匹配搜索算法

高灯科技

一页纸的笔试(前端基础和手写题)

一面

实现不同版本号比较

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

vue和react有哪些设计模式

开发过小程序吗

了解哪些新技术

职业规划

低代码项目介绍

架构设计

redis

nginx

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

从负责人的角度,网站加载速度优化

兴趣爱好

二面

1个工作日后hr联系我谈薪

薪资不符合预期

倍生

一面

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

有个紧急任务要完成,团队成员不想加班怎么办

一个项目既有H5又有桌面端应用,分开维护还是放在一起维护,为什么

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

websocket通信机制了解吗

异步编程是什么,有什么优缺点

promise的优缺点和含义

面向过程和面向对象编程有什么差异,函数式编程呢

全局函数有哪些

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

webassembly了解吗

介绍了下团队规模和要做的产品(在线协同文档和医疗项目)

期望薪资是多少,给了我一个数字

hr面

介绍了福利待遇(大小周,最低工资缴纳五险一金,6点后包晚餐,9点后打车报销,1个月工资项目奖金)

考虑下这个offer,明天给答复

长沙数字马力

一面

快速排序

项目中难的点,有做技术方案调研的部分吗

多接口请求优化怎么实现

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

金额精度丢失问题前后端怎么解决的

微前端qiankun的原理

qiankun的css隔离和js隔离怎么实现的

proxySandbox和legacySandbox哪个好,为什么

legacySandbox存在变量污染吗,为什么

legacySandbox能完全隔离吗,怎么实现完全隔离,IE浏览器下怎么处理

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

webpack优化怎么做的,优化9倍具体做了什么,怎么定位到耗时长的点

vue的nextTick原理,为什么先用promise再mutationObserver,setTimeout,setInterval

eventloop时序性考察,什么是宏任务,什么是微任务

webpack和vite的实现原理区别

class组件和函数组件区别

setState同步还是异步

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

二面

2-3个工作日后约面

低代码写了input,怎么确定schema的结构的

schema是什么

如果你重新设计这个系统怎么优化

多任务并行怎么做,都是优先级高的呢

怎么解决远程沟通效率不高问题

怎么培养高潜,高能低愿的怎么管理

怎么建设梯度团队

三面 hr面

2-3个工作日后约面

沟通了离职原因,每一段工作时间线

期望薪资是多少

给了口头offer(试用期全薪,全额五险一金,年终奖有说)

这家也是猎头推荐的,说如果接offer后续就是收集工资流水-第三方背调2-3个工作日-offer审批一周

afership

一面

过往项目哪些有挑战

阿里低代码引擎的架构设计理解

低代码解决了什么问题

低代码平台是什么

为什么中后台用的多

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

node内存泄漏怎么解决

和别人对接哪些人优秀,值得学习的点是什么

最有成就感的项目

tcl

一面

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

为什么用web worker

electron 多窗口通信

数组原型链有哪些方法

foreach和filter区别

set和map

会哪些数据结构

数组和链表区别

手写防抖

rxjs优缺点 rxjs忘记了

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

typescript class的修饰符有哪些,区别是什么

typescript的enum用途

二面

怎么优化electron项目

electron开启了多窗口,每个窗口内存占用50M,怎么优化

多窗口通信怎么做

typescript的函数重载是什么

electron崩溃监控怎么实现的

业务场景electron架构需要考虑什么因素

三面

+2 领导面试

20%技术 80%其他问题

主动介绍了福利待遇和五险一金缴纳情况(全额五险一金,后续还会有轮面试大领导和hr一起面谈薪)

四面 hr面

大概3个工作日

离职原因

手里的offer情况

找工作考虑的因素

说可能还会有一轮面试

字节

一面

四道手写(eventloop时序判断,手写对象扁平化,promise.all手写,全排列)

手写对象扁平化

css 复制代码
const obj = {   a: {   b: 1,   c: 2,   d: {e: 5}   },   b: [1, 3, {a: 2, b: 3}],   c: 3   }
const flatten = ()=>{}

// flatten(obj)期望调用后如下
{ 'a.b': 1, 'a.c': 2, 'a.d.e': 5, 'b[0]': 1, 'b[1]': 3, 'b[2].a': 2, 'b[2].b': 3 , c: 3 } 
javascript 复制代码
let a = new String('123')
let b = String('123')

这两种写法有什么区别,typeof这两个是什么,==呢,为什么

css考察,
,元素的宽度是多少,加上box-sizing:border-box呢,怎么获取元素的宽度

如果上面的元素做文本溢出怎么处理,加上tooltip呢,hover元素超过宽度出现tooltip,不超过不出现怎么做的

正则匹配路径

二面

一个工作日后约了二面,待面试

弘柚

一面

做金融的

seo做过吗

ssr做过吗

类数组是什么,和数组有什么区别

nginx怎么解决并发问题,用户访问量很大怎么解决

jenkins的cicd流水线从头到尾配置过吗

实际项目中怎么使用nginx的

反向代理是什么,图片防盗链怎么处理

options是什么

怎么处理国际化中文一个字,阿拉伯文一串的样式展示问题

react生产环境一堆乱码不利于seo怎么处理

切换页面数据不丢失怎么做,要记忆滚动条呢,滚动条回来的时候闪一下不如原生体验怎么办

金融场景页面卡顿怎么解决的

二面

问了期望薪资

介绍了团队的概况和福利待遇(工资的80%缴纳,公积金5%)

后续可能还有一轮产品总监面

相关推荐
浮华似水12 分钟前
简洁之道 - React Hook Form
前端
正小安2 小时前
如何在微信小程序中实现分包加载和预下载
前端·微信小程序·小程序
小飞猪Jay3 小时前
C++面试速通宝典——13
jvm·c++·面试
_.Switch4 小时前
Python Web 应用中的 API 网关集成与优化
开发语言·前端·后端·python·架构·log4j
一路向前的月光4 小时前
Vue2中的监听和计算属性的区别
前端·javascript·vue.js
长路 ㅤ   4 小时前
vite学习教程06、vite.config.js配置
前端·vite配置·端口设置·本地开发
长路 ㅤ   4 小时前
vue-live2d看板娘集成方案设计使用教程
前端·javascript·vue.js·live2d
Fan_web4 小时前
jQuery——事件委托
开发语言·前端·javascript·css·jquery
安冬的码畜日常4 小时前
【CSS in Depth 2 精译_044】第七章 响应式设计概述
前端·css·css3·html5·响应式设计·响应式
莹雨潇潇5 小时前
Docker 快速入门(Ubuntu版)
java·前端·docker·容器