阿里面试暗示，2024阿里淘系前端面试5面+HR面(1)，web前端开发学习培训

最新推荐文章于 2024-09-17 14:53:38 发布

2401_83947255

最新推荐文章于 2024-09-17 14:53:38 发布

阅读量788

点赞数 18

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

本文链接：https://blog.csdn.net/2401_83947255/article/details/137528321

版权

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

273 篇文章 0 订阅

订阅专栏

本文讨论了面试技巧，包括项目介绍策略、技术栈选择（如GraphQL和Apollo）、Webpack性能调优、ReactHooks应用、Node的Cluster模块、CI/CD实践、前端技术发展趋势（如多端方案、Serverless和智能化），并分享了前端面试常见问题和学习资源。

摘要由CSDN通过智能技术生成

三面&四面

三面和四面发问的角度和提出的问题比较类似, 因此就放在一起讲了。

介绍项目, 通常会问面试官是对业务型项目还是设施型项目比较感兴趣, 业务型的话就介绍小程序, 设施型就介绍@Penumbra/cli

不要东扯一点西扯一点, 以技术栈 -> 业务场景 -> 亮点 -> 难点 -> 提炼总结 -> 自我提升这几个步骤来叙述会更加条理清晰, 其中亮点/难点以STAR法则介绍最佳

@Penumbra/cli这个, 上面已经介绍过, 就不再赘述. 主要为了体现新工程目录建立繁琐 -> 应当成员之间统一目录结构这个意识

GraphQL, 主要介绍了这些:

GraphQL的意义, 与RESTFul的差异

对后端的影响

Apollo生态, 在这里我想大胆猜测下, 未来的BFF层一定少不了这三个东西: Apollo-Server & TypeGraphQL & Apollo-Rest-Datasource, 至于它们是什么感兴趣同学可以去查查. Apollo不仅提供了服务端支持, 也提供了客户端支持, 即Apollo-Client, 同时使用Server和Client来构建应用真的能起到1+1>2的效果, 因为二者就像是一体的

推广阻力, 其实只要一个团队比较年轻就没有什么阻力, 主要是可能有一定的学习/开发/维护成本~ 嚷嚷着"学不动了"在前端世界里可能真的寸步难行

Webpack性能调优, 从打包速率 / 打包大小 / 交互友好三个方面入手的, 这里可以稍微列举一些我觉得比较好用/有趣的Plugin:

friendly-errors-webpack-plugin, 主要是对抛出的错误做了界面优化, 很多cli都在用

speed-measure-webpack-plugin, 测量各个环节的打包耗时, 也可以找出哪一个loader/plugin耗时最久

terser-webpack-plugin, 压缩JS

webpack-bundle-analyzer, 分析打包产物

webpack-visualizer-plugin, 同样是分析打包产物, 但是更直观

webpack-parallel-uglify-plugin, 并行压缩, 好像和terser功能重复了

webpackbar, 强烈推荐! 在打包时会有进度条(VuePress就用的这个)

preload-webpack-plugin, 预加载

至于从配置入手的话, 主要是减少查找文件时间和减少build代码体积, 前者可以通过resolve字段中配置extension, loader中配置exclude, 后者的话则主要是Tree-Shaking(注意, CSS也可以做摇树优化), 代码分割(动态加载以及Lodash/Antd这种庞大的模块), Source-Map模式, 压缩代码等等。

React函数式组件

React Hooks:

useState

useEffect, 不传dep与传入[], 分别对标类组件的哪个生命周期.

useLayoutEffect

useRef, 还有useImperativeHandle与forwardRef

useRef，使函数式组件也能够享受到获取 DOM 元素或者自定义组件，父组件获取子组件引用而后调用子组件方法，如 focus 等

forwardRef，可以获取父组件的 ref 实例作为子组件的参数（与 props 同级），然后再把这个 ref 绑定到自己内部节点，就可以实现 ref 的透传了！

useImperativeHandle，常与 forwardRef 搭配使用，可以控制向父组件暴露的属性以及方法，第一个参数即为 forwardRef 包裹后得到的父组件 ref 实例

useMemo与useCallback

Hooks思想, 比如Vue3的新API, 社区React生态也在纷纷拥抱Hooks思想, 比如上面提到的的React-Redux的useSelector和useDispatch, React-Use还有Umi-Hooks等等

Node的Cluster模块, 主从模式, 底层的Libuv

CI/CD

埋点, 主要是以GA为代表的一键式埋点方案, 以MixAlpha/神策数据为代表的可视化埋点等

测试, Jest/Enzyme/Puppeteer编写单元/集成/E2E测试

Flutter

五面

五面的面试官可能比较忙, 因此整个面试过程大概就二十分钟左右. 以自己的经历为主, 如果你是独行侠, 也可以讲一讲自己在社区的贡献等等, 不要直接说你喜欢独来独往一个人全干。

HR面

这一面就是常见的问题啦:

大学成绩

兴趣爱好

有没有女朋友俩人以后的职业规划

个人职业规划

成就感

团队协作经历

从小到大比较顺利还是坎坷(?)

为什么学习前端

手上有别的offer吗

为什么想来阿里, 当然是因为阿里是前端的宝地了

这些问题比较主观, 为了避免误导我就不讲啦

总结&未来前端展望

对未来前端的展望是二面问到的问题, 我个人的想法主要分这么三点:

多端方案, 随着5G的发展, 物联网设备也在逐渐成熟, 到时候前端程序员要适配的屏幕可能又多了几种? 我觉得未来可能会出现真正的多端解决方案, 即更全面的Rax或者Taro, 真正的一次编写处处运行. 当然理想是好的, 在它还未乘着七彩祥云到来前, 还是专心学好每一端吧~

侵入后端, Serverless无疑是前端仔的下一个风口, 它给予了我们向后端进发的能力, 让我们"自己和自己联调", 也无需操心自己写的服务被流量打爆掉. 后端同学则能够解放出来, 去做一些更有意义的事情.(真的不是抢饭吃)

智能化, 虽然现在到处都是赋能这个概念, 但是我还是觉得, 前端的终极之一就是赋能其他岗位, 让运营能够自己搭自己想要的活动页, 让产品爸爸自己选要对哪些控件/事件/指标进行埋点, 让不想从零学前端的后端直接拖拖拽拽配一个界面出来, 还有就是前端同学, 直接设计图生成UI代码(梦还是要有的). 虽然现在业界已经有一些方案, 但都还存在着或多或少的问题. 这也是我最感兴趣的方向之一。

96道web前端面试题

讲完面试经历面试题是不能少的，自己及小伙伴面试问到的题目整理出了96道题目，篇幅原因列举部分题目：

什么是函数柯里化?

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

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

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

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

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

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

最后

大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。