阿里前端工程师面试题+解题思路

公司 | 阿里

地点 | 杭州

职位 | 前端开发工程师

一面（提前批）

①介绍下自己的项目

②AngularJS和React、Vue有什么区别？结合开发经历描述。

这个纯看理解和个人发挥了，面试官估计仔细看了我的简历，三个框架都用过所以这么问。

当时扯了很久关于框架的见解，在这种方面，千万不要背MVC或MVVM之类的概念。

③项目中遇到什么问题，如何解决的？

④Node.js用过么，讲一讲。

用的不多，就把Node的事件循环讲了下，nextTick和setImmediate跳出来讲了讲。

⑤平时用哪些渠道进行学习？

二面突击面试，不约时间，11点来电就直接开始了。

这种没有准备的情况下一定要冷静，可以先让面试官稍等片刻自己准备下设备，同时调整下状态。

①近两年在前端领域有什么成果和贡献？

很有魄力的问题，突击面试外加上来就丢这个问题很有压迫感。讲了自己release的项目，实验室的项目，社区博客（开始学前端就在写CSDN博客，近期迁到掘金）分享，flutter等等。

②请讲讲三大框架为何会产生？

很宽广同时又很精确的主观题，从前端技术史讲起，各大公司的立足点和开发诉求。

③你对前端框架的发展方向有什么自己的见解？

很广泛，从动态化，兼容性入手，有时间想谈谈新编码下的JIT和AOT。

④玩过IOT一类的嵌入式开发吗？

玩过树莓派，以前在学校搞过小车竞赛。

⑤解决过哪个技术问题最令你大呼过瘾？

技术上从0到1最痛快，比如在一张白纸的情况下完成Google OAuth2.0认证，调通接口。

⑥你在技术方面最佩服或最感谢的身边人。

⑦你有什么想向我了解的？

问了很多问题，关于淘系现在的结构组成，阿里在Flutter、BFF、Serverless方面的生态建设，还问了下当天淘宝IOS出现的S1级事故。学到了很多。

三面面试官是P9的前端团队大leader，什么都会，什么都比你深，只能稳住别慌，尽力发挥。

①讲一下你价值最大的一个项目。

讲了大三实习的项目AngularJS+.Net Framework。

②我看见你还用Flutter，讲一讲Flutter的原理吧。

底层有一个用于跨端的嵌入层，中层用C++实现自绘引擎，封装成dart ui库，上层用dart开发，对象化组件化。

③Flutter和ReactNative比，性能孰优孰劣？

RN首屏性能相对弱，组件重绘代价大，JSBridge涉及进程切换，这个固有代价导致RN的渲染性能弱于Flutter，所以RN才有了架构重建计划，将JSBridge替换为JSI。

④微信小程序的结构和原理又是什么样的？

回答得不好，印象中的小程序也是和RN类似的派系，但是底层实现ui的方式我犯迷糊了。

⑤现在的Flutter肯定是直接不能用于大项目开发的，你觉得它的瓶颈在何处？

讲讲Flutter在状态管理方面的不足，提到了大厂在Flutter方面的定制。

⑥你有什么要问我的？

赶紧问下之前小程序原理的问题，面试官说上层是用html，js那套web跑在浏览器内核（如V8，JSCore等），再往下层是用webview，外加一些native code实现对webview做得不太好的组件的补充。

还问了一直关注的severless问题，面试官高屋建瓴，分两点进行教学：

基础设施方面

云原生的支持必须达到足够高的稳定性，满足扩容收缩等硬性要求才能将关键基础链路演化为severless，目前还存在一定差距，不过一些非关键业务链路已经完成迁移。

人的方面

应用工程师得拥有该方面的维护技术和解决问题的能力。虽然还有很多细节不甚理解，但认真听完还是收获满满。

四面（交叉面，钉钉）

①你收获最多的项目是什么？

大三外企实习项目，全栈开发，让我对架构和服务化甚至是敏捷开发的项目把控和工程实践有了不少的体验和理解。

②项目中使用websocket开发，在和后端对接之前如何进行开发？

这个问题被问住了，因为项目比较小前端用完mock数据，甚至连mock服务器都没有就直接和后端对接，后端推送数据也是在前端直接查看，就老老实实和面试官交流了一阵。

③关于网站性能优化问题，SPA过大导致首屏时间太长怎么解决？

性能优化问题我一直没有特意去“背诵”，毕竟自己的项目都没到前端性能的瓶颈。谈了谈懒加载、打包策略。

④如果老板和你说网站首屏加载时间太长，但不知道什么原因，你如何一步步定位并解决问题？

先要定位问题，打开控制台看timeline，如果那些阶段占用过长时间就会有长条的瀑布图显示。结果面试官追问如果timeline看起来很正常怎么办？我只能回答可能出现页面报错，js文件出错没能正确进行一些dom操作，导致元素没有正常显示。

⑤如果某个js文件必须在header中被加载，而它又操作了body中才有的dom元素，怎么办？

可以在该js文件之前加一个适配的js文件，手动append一个可供该文件选择的dom元素，然后再页面onload之后删除适配该元素。

①目前的offer有哪些，想如何选择？

②你做前端的目标是什么？

③在学校的学习成绩怎么样？

④对工作地点有要求吗？

这些问题不能乱讲，想稳拿offer就老实回答，以上。

以上就是今天的面试经验分享希望对大家有帮助~

兵法有云，知己知彼，方能百战不殆。跳槽季又来了，如何在千万求职大军中碾压众人？

黑马程序员视频号出了一个专题【程序员求职跳槽指北】!

里面都是黑马老学长和学姐的实战技巧，他们的薪资涨幅高达100%，这样的实战经验你想要吗？

阿里前端工程师面试题+解题思路相关推荐

【无标题】前端工程师面试题手册-有点长但是很有用
不是原作者-想想要获取更多前端开发相关学习资料,请加微信1124692领取前端工程师面试题手册目录 1 | 前端基础........................................ ...
前端的c语言面试题,前端工程师面试题汇总（选择题）
前端工程师面试题汇总(选择题) 时间:2017-12-05 来源:前端工程师面试题推荐作为一名前端工程师,我们必不可少的就是参加面试,面试过程中会遇到各类奇葩的问题,今天小编为大家汇总了一些 ...
前端的c语言面试题,前端工程师面试题及答案
完成面试题是前端工程师求职者在面试过程中必须经历的环节.下面是由学习啦小编分享的前端工程师面试题,希望对你有用. 前端工程师面试题:CSS 1. CSS样式表根据所在网页的位置,可分为?(B ) A. ...
Web前端工程师面试题汇总（一）
前端工程师面试题汇总本文由我收集总结了一些前端面试题,初学者阅后也要用心钻研其中的原理,重要知识需要系统学习.透彻学习,形成自己的知识链. HTML • Doctype作用?严格模式与混杂模式如何区 ...
前端工程师面试题汇总
HTML Doctype作用?严格模式与混杂模式如何区分?它们有何意义? HTML5 为什么只需要写 <!DOCTYPE HTML>? 行内元素有哪些?块级元素有哪些? 空(void)元素 ...
前端工程师面试题汇总--技术
为什么80%的码农都做不了架构师?>>> HTML Doctype作用?严格模式与混杂模式如何区分?它们有何意义? HTML5 为什么只需要写 <!DOCTYPE HTM ...
2016-2019年最新前端工程师面试题
点击链接 https://github.com/HerbertKarajan/Fe-Interview-questions 时常更新,给大家一个最全的资料,我会不断的更新到github上...... ...
66 道前端算法面试题附思路分析助你查漏补缺
大家好,我是漫步. 今天来分享一篇干货,前端关于算法的分析不多,下文列举了66道前端算法面试题,希望对你有所帮助. 作者:Eno_Yao https://segmentfault.com/a/1190 ...
华为2018软件岗笔试题解题思路和源代码分享
2017年9月26日,参加了华为技术有限公司的笔试,题目类型是软件题,没有选择填空问答类型,总共是3道编程题目,题目难度适中,在两个小时内完成3道题目的AC,所以分享的代码都是可运行且完全AC的! 和 ...

阿里前端工程师面试题+解题思路

阿里前端工程师面试题+解题思路相关推荐

最新文章

热门文章