发布于 2014-09-26 16:40:01 | 976 次阅读 | 评论: 4 | 来源: 网友投递

本文是一个网友参加2015年阿里巴巴校园招聘前端工程师的面试笔试经历&＃xff0c;包括面试题&＃xff0c;参考答案和注意事项等&＃xff0c;感兴趣的同学参考下。

本文是一个网友参加2015年阿里巴巴校园招聘前端工程师的面试笔试经历&＃xff0c;包括面试题&＃xff0c;参考答案和注意事项等&＃xff0c;感兴趣的同学参考下。

阿里巴巴19号在美国上市&＃xff0c;已经成为中国第一&＃xff0c;全国第二的互联网公司&＃xff0c;市值2300多亿美元&＃xff0c;感觉在这个非常时刻能拿到阿里巴巴的offer&＃xff0c;真的是一件很令人高兴的事情。下面谈谈阿里巴巴招聘流程和阿里巴巴前端面经。

    今年阿里的招聘真早啊&＃xff0c;8月初的时候就开始了提前批&＃xff08;也称作内推&＃xff09;。当时由于还在爱立信实习&＃xff0c;就没去走这趟浑水了。网申8月24号截止&＃xff0c;我的简历还是24号中午投的呢&＃xff0c;现在想想&＃xff0c;真是好惊险啊&＃xff0c;差点就和阿里巴巴错过了。

    下面描述一下阿里巴巴前端的校招流程&＃xff0c;当然你也可以去官网看&＃xff08;http://www.job.alipay.com/&＃xff09;。阿里巴巴果然是与众不同&＃xff0c;没有繁 琐的宣讲会&＃xff0c;或许是名气太大了&＃xff0c;不需要宣讲吧。所有职位都采用在线笔试。笔试通过之后&＃xff0c;需要进行在线预约才能接着参加面试。技术类的面试有3轮&＃xff0c;第一轮和 第二轮都是技术面&＃xff0c;第三轮有两种情况&＃xff0c;普通的是HR面&＃xff08;13k*15&＃xff09;&＃xff0c;如果一、二轮表现好的是交叉面&＃xff08;这种情况就是传说中的15k*15啦&＃xff09;。

    8月25号参加了在线笔试&＃xff0c;前端一共12个题目&＃xff0c;考察的范围还是相当广泛的&＃xff0c;分为以下&＃xff1a;

    1&＃xff0c;Html5&＃xff08;包括媒体查询&＃xff0c;CSS3里面的旋转变换啦&＃xff09;

    2&＃xff0c;前端安全

    3&＃xff0c;git命令和github账号(https://github.com/liufeng-cheng)

    4&＃xff0c;用户体验和性能优化

    5&＃xff0c;编程能力的考察&＃xff08;当然更希望你能把面向对象和设计模式考虑进去&＃xff09;

    笔试一共60分钟&＃xff0c;需要编程的题目大概有5题吧&＃xff0c;代码量其实不是太大&＃xff0c;30~100行左右。就是让你实现一些功能&＃xff0c;比如对URL的解析&＃xff0c;写个弹窗效果&＃xff0c;设 计一组API等等。这里面当然你需要对闭包、作用域、原型等Javascript高级知识点有深入的了解。笔试很能够区分水平的&＃xff0c;很多研究生都会被无情的 刷掉。

    这里面我想谈几点&＃xff1a;

    1&＃xff0c; 不要依赖jQuery, Ext, YUI等等Javascript库&＃xff0c;平时写写玩具的时候尽量使用原生Javascript或者原生ajax&＃xff0c;这样你会对很多原理和底层的知识有所了解。

    2&＃xff0c; 前端很庞大&＃xff0c;不是简单的html&＃xff0c;css&＃xff0c;Javascript的混合体&＃xff0c;你需要广阔的技术视野&＃xff0c;关注并了解新技术并且尝试运用。

    3&＃xff0c; 平时写代码的时候尝试去优化他&＃xff0c;你可以测试代码的性能&＃xff08;YSlow和jsperf.com都行&＃xff09;。

    4&＃xff0c; 写代码要用到模块化的思想&＃xff0c;你可以阅读以下AMD规范&＃xff0c;浏览器端的Javascript最好去遵循这个规范&＃xff0c;常见的requirejs已经采用了AMD规范

    5&＃xff0c; 要让面向对象和设计模式为你的Javascript code所用。

    9月2号&＃xff0c;当时看到我的个人状态变成了”待面试“&＃xff0c;那个时候&＃xff0c;真的很高兴&＃xff0c;因为身边很多人都被刷掉了&＃xff0c;包括大把大把的研究生。有时想想&＃xff0c;现实就是这么残 酷&＃xff0c;有人通过&＃xff0c;就有人铩羽。我预约到了9月12号&＃xff0c;地点是武汉纽宾凯鲁广国际酒店&＃xff0c;是一家五星级的酒店。阿里巴巴的财大气粗的形象瞬间跃然纸上&＃xff0c;别的公司 都是在学校里面搞笔试面试&＃xff0c;它在5星级的酒店里。可能阿里面对的不是一个学校的学生&＃xff0c;而是整个武汉&＃xff0c;甚至是华中地区的学生吧&＃xff0c;这样做会让面试流程更加规范 吧。当然&＃xff0c;也有部分是为了公司的宣传。

     笔试通过之后&＃xff0c;这10天我并没有闲着&＃xff0c;我开始复习前端&＃xff0c;这个庞然大物。要复习的知识真的是太多太多&＃xff0c;概念也完全无法穷尽。从基础知识到高级知识&＃xff0c;然后是 项目经验&＃xff0c;实习经验的总结&＃xff0c;以前编写的代码的总结&＃xff0c;开源框架jQuery&＃xff0c;EXT&＃xff0c; YUI源码的复习&＃xff0c;nodejs&＃xff0c;Html5&＃xff0c;前端开发工具&＃xff0c;性能优化。我觉得10天确实太过于短暂。

     时间真快&＃xff0c;9月12号那天下午&＃xff0c;我带上简历&＃xff0c;武汉理工大学经纬网聘书&＃xff0c;爱立信实习证明&＃xff0c;黑客马拉松一等奖证书&＃xff0c;信心满满的奔向了人生的第二场面试。

     3楼大堂的人真多啊&＃xff0c;小数一下&＃xff0c;也有四&＃xff0c;五百人吧&＃xff0c;人流络绎不绝。有从湖南那边赶过来的&＃xff0c;有来霸面的&＃xff0c;早该猜到了&＃xff0c;有无数个人想进阿里。当然招聘5个 人&＃xff0c;面试官可能会面50个或者100个&＃xff0c;真是千挑万选啊。当时我就在想&＃xff0c;面试的时候给面试官留下深刻的印象是多么重要啊。下面直奔3轮面试了。

    一面是纯技术面&＃xff0c;所有的问题都是技术问题&＃xff0c;问题问的很深&＃xff0c;但是同样考察到了基础的掌握。刚刚见到面试官的时候&＃xff0c;我递上了我准备的其它材料。然后面试官让我 谈项目经历&＃xff0c;然后我说了之前参加黑客马拉松时候的一个项目&＃xff0c;采用google angularjs、cordova和爱立信LTE broadcast部门提供的高通API去实现一个基于 android平台的app&＃xff0c;后台使用nodejs实现的http server和backbone.js。数据库采用android平台 下自带的sqlite3。实现了RSS订阅功能&＃xff0c;数据广播和点播的功能&＃xff0c;并且使用cordova自带的Media播放 插件实现音频文件的播放。为力求高效&＃xff0c;我们使用了ionic。然后面试官问为什么选择angular? angular相比其它前端框架的优势&＃xff1f;然后面试官准备了一些问题&＃xff0c;如下&＃xff1a;

    1&＃xff0c; 写一个正则表达式&＃xff0c;规则我忘了&＃xff0c;反正挺长的&＃xff08;需要现场写code&＃xff09;

    2&＃xff0c; 前端安全(XSS&＃xff0c;sql注入&＃xff0c;CSRF)。问有没有那些攻击别人站点的经历&＃xff0c;然后问CSRF的原理&＃xff0c;一些html code如果要显示在页面上&＃xff0c;怎么处理&＃xff0c;当然是通过编码解码啦&＃xff0c;哈哈。

    3&＃xff0c; 兼容性问题

          ie6下的奇葩太多了&＃xff0c;浮动双边距&＃xff0c;上下margin&＃xff0c;微高&＃xff0c;png兼容&＃xff0c;然后问我引入脚本处理png图片的原理。。。

    4&＃xff0c; 输入url到页面出现的过程

         包括DNS解析&＃xff0c;TCP连接&＃xff0c;HTTP GET获取数据&＃xff0c;加载DOM树&＃xff0c;渲染树&＃xff0c;然后问了下哪些地方会出现css阻塞&＃xff0c;哪些地方出现js阻塞。ie各版本和chrome可以并行下载多少个资源。

    5&＃xff0c; 跨域请求及实现的原理

         比如jsonp&＃xff0c;window.name&＃xff0c; iframe&＃xff0c;window.postMessage。jsonp的原理是动态插入script标签

    6&＃xff0c; 问了一个算法问题&＃xff0c;字符串匹配相关的&＃xff08;需要现场写code&＃xff09;

         先是用数组去模拟&＃xff0c;后来讲的时候发现不行&＃xff0c;改成了hash表

    7&＃xff0c; Javascript里面的继承怎么实现&＃xff0c;如何避免原型链上面的对象共享&＃xff08;需要现场写code&＃xff09;

         回答当然是经典的构造函数和原型链的混合模式去实现继承的啦&＃xff0c;避免对象共享可以参考经典的extend()函数&＃xff0c;很多前端框架都有封装的&＃xff0c;就是用一个空函数当做中间变量

    8&＃xff0c; 设计模式的一些问题

          我谈了下XHR工厂和事件委托里面的中介者模式

    9&＃xff0c; 异步加载和延迟加载的实现。

     面完之后&＃xff0c;面试官和我深情的握了一个手&＃xff0c;看的出来&＃xff0c;他对我的表现非常满意。

     出去等了一会儿&＃xff0c;用手机刷新了一下官网状态&＃xff0c;发现一面通过。等了10分钟之后&＃xff0c;接着参加二面。

     二面的问题感觉让我很尴尬&＃xff0c;部分技术问题&＃xff0c;部分团队&＃xff0c;项目问题。大概是下面这些&＃xff1a;

     1&＃xff0c;你是学软件工程的&＃xff0c;为什么搞前端&＃xff1f;

     2&＃xff0c;看了你的简历&＃xff0c;项目经历这么丰富&＃xff0c;你说说你从这么多项目中&＃xff0c;学到了什么&＃xff1f;

     3&＃xff0c;项目中和他人有所分歧的时候&＃xff0c;怎么办&＃xff1f;

     4&＃xff0c;你当初为什么考虑引入angular?而不是其他框架&＃xff1f;

     5&＃xff0c;html5开发的一些经验和问题&＃xff08;作为前端达人&＃xff0c;一般这个问题&＃xff0c;必扯localStronge, webgl, device api&＃xff09;

     6, 对阿里巴巴有多少了解&＃xff1f;

     7&＃xff0c; 以后想去杭州还是北京啊&＃xff0c;为什么不选择北京&＃xff1f;

     8&＃xff0c;以前做一个项目&＃xff0c;如何和团队中其它的成员分工&＃xff1f;是按板块分还是页面分

     9&＃xff0c;如何带一个新人&＃xff1f;

    10, 性能&＃xff0c;如何去测试。代码层面&＃xff0c;哪些地方可以优化性能&＃xff08;提到了一下重排和重绘&＃xff09;

    11&＃xff0c;谈了下grunt&＃xff0c; YUI compressor 和 google clojure用来进行代码压缩的用法。

      出去等了一会儿&＃xff0c;通知3面。

     当时挺激动的&＃xff0c;一般3面基本不怎么刷人的&＃xff0c;当时觉得这次面试稳了。三面是传说中的交叉面&＃xff0c;也就意味着一面&＃xff0c;二面表现优秀&＃xff0c;工资会有所提高。当然&＃xff0c;交叉面当时我也不知道&＃xff0c;时候听别的学长说的。

     3面HR问题&＃xff1a;

     1&＃xff0c; 自我介绍

     2&＃xff0c; 实习学到了什么&＃xff1f; 有没有拿到爱立信的offer?

     3&＃xff0c; 为什么想要加入阿里巴巴&＃xff1f;

     3面技术官问题&＃xff1a;

     1&＃xff0c; 如何实现一个缓存&＃xff08;还好以前用nodejs写过静态文件服务器&＃xff0c;对缓存了解的很清楚&＃xff09;

     2&＃xff0c; 追问浏览器端的缓存要不要发送HTTP请求&＃xff08;我当时回答&＃xff0c;304的时候不需要&＃xff0c;其实是错的&＃xff0c;还是需要发送请求&＃xff0c;只不过不需要在去下载服务器的资源了&＃xff09;

     3&＃xff0c; angularjs里面的双向数据绑定和依赖注入的原理&＃xff1f;

     面完已经6点半了&＃xff0c;当走出酒店的那一瞬间&＃xff0c;真的非常高兴&＃xff0c;虽然整个面试过程我个人感觉还挺轻松&＃xff0c;但是我觉得我已经打破了我们专业本科生好几年没有进BAT的历史了&＃xff0c;当然以后能进一个更好的平台&＃xff0c;于业界顶级水平的人一起工作&＃xff0c;学到的应该会很多吧。

     我面试的感悟和建议是&＃xff1a;

     1&＃xff0c; 要有激情&＃xff0c;对于新事物&＃xff0c;新技术&＃xff0c;要有一双善于发现的眼睛。

     2&＃xff0c; 团队工作经验&＃xff0c;项目经验&＃xff0c;实习经验真的很重要&＃xff0c;个人的眼界和知识真的太有限了&＃xff0c;只有经常和别人交流&＃xff0c;你才能走的更远&＃xff0c;看的更远。

     3&＃xff0c; 技术的深度和广度很重要。

     4&＃xff0c; 要多思考&＃xff0c;多总结。你要想着如何去改进已有的东西&＃xff0c;去优化你的代码。有的时候&＃xff0c;停住脚本真的很有意义。