记一次高级前端开发工程师面经(1)，2024年最新前端面试简历怎么写

最新推荐文章于 2024-10-10 20:59:20 发布

2401_84138803

最新推荐文章于 2024-10-10 20:59:20 发布

阅读量741

点赞数 10

分类专栏： 2024年程序员学习文章标签：前端面试职场和发展

本文链接：https://blog.csdn.net/2401_84138803/article/details/137753584

版权

2024年程序员学习专栏收录该内容

139 篇文章 0 订阅

订阅专栏

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

const func = ()=> {

const a = ‘111’

const fun2 = ()=> console.log(a)

return ()=> console.log(‘_’)

}

const next = func()

‘12345’.split(‘’)

上述代码发生了什么

下面代码打印的是

console.log(“12345” instanceof Object);

实现一下some, every

flatten实现

const promise = new Promise(resolve => {

console.log(“11111”);

setTimeout(() => {

console.log(“22222”);

}, 0);

resolve();

console.log(“resolve”);

throw new Error(“error”);

console.log(“error”);

});

promise

.then(

() => {

console.log(“33333”);

setTimeout(() => {

console.log(“44444”);

}, 0);

() => {

console.log(“reject”);

}

)

.catch(() => {

console.log(“catch”);

});

console.log(“55555”);

函数组件怎么阻止重复渲染

二、

AST作用 or babel实现原理
实现自定义hooks,usePrevious。setcount(count => count + 1)后输出上一次count的值

美团：

一、

自我介绍中提到了性能优化，说了说性能优化的点
不同域名共享cookie
on, emit, 实现
防抖的实现
输入url到页面返回结果
缓存的实现方式
React组件重复渲染
webpack分包

字节：

一、

Webpack 插件，生命周期
umi约定式路由怎么实现的
babel实现远原理
React ref
fib实现，如何优化

盒马：

一、

说出你最擅长的部分，追问
webpack拆包的依据。1.被多个模块使用，cache起来 2.资源过大
canvas 点击线段事件。重合区域怎么处理
webWorker的使用：为什么不在worker里面发出请求，做数据转换呢？

太美医疗：

generate函数和async区别
webpack插件实现

叮咚买菜：

一、

Vue， React使用情况
父子组件的mounted 调用顺序
$nextTick实现原理
子元素水平垂直居中
斐波那契数列如何优化
业务题：封装一个全局的弹窗，在任何组件内都可以调用。追加：如何同时打开5个弹窗，关闭顺序又如何

二、

封装Vue插件
5个弹窗
$nextTick原理
手机号码分割 _ _ _ - _ _ _ _ - _ _ _ _
最大字符串数， “abcdabcda” 求最长的不重复字符串
兄弟组件通信
vuex 模块化怎么做
不同域名如何共享cookie

总结:

对于3～5年的前端开发来说，不应该仅仅是停留在会用API的层面，至少要关注到你使用的技术的一些原理实现。这也是大厂考察候选人钻研精神吧，相对来说有一个区分度。个人建议最好精通一个方向，比如：

前端工程化，webpack, babel, Node 等。
精通框架源码

文末

我一直觉得技术面试不是考试，考前背背题，发给你一张考卷，答完交卷等通知。

首先，技术面试是一个认识自己的过程，知道自己和外面世界的差距。

更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。

前端面试题汇总

JavaScript

性能

linux

前端资料汇总

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
g.cn/img_convert/ed368cc25284edda453a4c6cb49916ef.png)

前端资料汇总

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-FuUYya7y-1713097473217)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！