三金四银面经分享(1)，2024年最新阿里巴巴五轮面试

10.说一下keep-alive使用场景？

11.说一下nextTick?知道它的原理吗？

12.组件复用逻辑怎么办？mixin有什么不足的地方？

13.Vue怎么监听数组的变化？为什么要重写7个方法？

14.Object.defineProperty可以监听数组吗？为什么可以但是没有统一使用它？

15.说一下前端路由原理？

网络和项目

---

1.说一下你项目中遇到的难点和解决？ 简历上最近的一个项目很容易被考！！！

2.说一下React和Vue的区别？

3.说一下http2.0有哪些新增特性？

4.说一下协商缓存和强缓存的区别？

5.说一下常见状态码？

6.说一下csrf和xss?

7.浏览器输入URL发生了什么？

8.说一下http和https的区别?？https的加密过程？

9.图片懒加载的原理？

10.项目里做过哪些优化？webpack里的优化？

11.状态码：204，301，302，400，401，403，405

React

---

1.做过哪些优化？React.memo？

2.常问hooks：useState，useReducer，useEffect，useLayoutEffect，useMemo，useCallback，useRef，useImperativeHandle，useContext？

3.如何保证useCallback的函数不改变？

4.fiber?diff算法？

5.react和vue的区别？

6.props如果是个引用数据类型，可以改变吗？

7.useCallback和useMemo的区别和场景？

8.forwardRef作用？和useImperativeHandle搭配作用？

9.React的生命周期？

10.类组件和函数组件的区别？

11.useState处理多个数据的时候，是写很多个useState吗？怎么解决的？

12.为什么useState要写成[state,useState]的形式？

其他

---

1.设计模式与场景？Vue里用了哪些设计模式？

2.h5和原生通信？

4.判断链表有环？

5.计算一个正整数 n 二进制表示中 1 的个数？

6.如何定位h5会出现白屏问题？

7.抓包工具原理是什么？

8.做过的性能优化，webpack做过哪些性能优化？

9.微前端怎么做的样式隔离？微前端原理是什么？

10.写过webpack的loader和plugin吗？

11.js不用正则，把[1,‘2’,3a]变成[1,2]？

一些觉得可以分享的点

---

1.有些面试官很喜欢抓着你最近一个项目问很多!

2.态度端正，给面试官表现出一个很认真分析问题，谦虚礼貌，阐述问题（语速平缓，不管面试官问得多简单，清晰阐明），求学的一个态度

3.自我介绍，当自我介绍了10多次之后，都是一样的话，自己觉得好的就行，可以看鲨鱼哥分享的视频

4.该不该说深入一点？还是说浅一点让面试官问？------ 个人感觉是这样的，如果很懂这个知识点，然后慢慢阐述，一定要清晰的说给面试官听，因为面试官不一定问深，那就错过了一个展示自己知识掌握程度的机会

5.还有什么想问的吗？

个人喜欢问其中一个点是：面试官能不能说一下就是本次我面试的情况，有没有建议哪些不足的地方？比如我基础还需要多看看，比如我回答问题没有表达好这些方面。这样问的话，应该会给面试官一个好的印象，而且也能知道自己的不足。

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

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

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

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

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

最后

在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

• HTML5新特性，语义化

• 浏览器的标准模式和怪异模式

• xhtml和html的区别

• 使用data-的好处

• meta标签

• canvas

• HTML废弃的标签

• IE6 bug，和一些定位写法

• css js放置位置和原因

• 什么是渐进式渲染

• html模板语言

• meta viewport原理

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

52a892ba710477f64.png)

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-iaNFfSQ7-1712934589154)]