淘宝web前端开发岗面试经历及感悟
今天下午四点接到淘宝UED的面试电话,很突然,很激动。现在怀着淡淡的忧伤为之文以志一下。
1.自我介绍一下。
我xx时候毕业,在xx公司任xx职务,主要负责xx balabala。(怕公司同事听到,接电话的功夫从公司楼道往上爬了两层,紧张,心砰砰的,思路不清晰,讲话不流畅)
2.说一说你这些工作里面,工作难度比较大或者你觉得很有挑战性的地方。
我觉得比较有挑战性的是做过的一个...xx balabala。
(还是紧张,讲话不顺畅,并且说着说着我突然感觉,这些东西也没啥技术含量,就是dom操作+ajax啊,顶多就是复杂了一些。⊙﹏⊙汗)
3.下面我提问你几个问题,跨域怎么解决。
工作的时候遇到过这个问题,当时只知道jsonp可以解决这个问题,后来项目的开发环境都搭建在本地了,也就不存在跨域问题了,所以就没有继续深入研究下去。
(这个时候讲话比较流畅了,紧张度也缓和了些,但是这个开头的问题我就没答好,心里开始有点慌了)
4.常用ajax吗,说一说ajax返回的几种状态。
经常用。你说的返回状态是指的404找不到页面,500程序错误这类的状态吗?
不是。
嗯。(思考五秒钟)不好意思,这个ajax我一直是通过jquery在使用,用的挺熟练的,就是具体的你说的这个状态,我还真没注意过。
相关参考:http://blog.163.com/freestyle_le/blog/static/183279448201269112527311/
5.讲一讲浏览器DOM事件的处理机制。
处理机制,就是,浏览器有一个监听器,会根据不同的事件触发不同的处理程序。
对,我就是问你这个机制是什么。
嗯。不好意思,再深入一些的机制我没有做过研究。(监听器的原理我没研究过啊,心慌,非常慌,心里希望下一题能问一个我熟悉的)
相关参考:http://blog.jobbole.com/52430/
6.this,是指的什么。如何改变this的指向。
this,在浏览器全局作用域中指的是浏览器的window对象;在函数体内this指的是这个函数主体;在对象内部,this指的是这个对象。
改变this的指向...嗯....我想想...嗯,不好意思,这个不是很清楚。
相关参考:http://www.cnblogs.com/whoseyourlady/archive/2009/09/28/1575739.html
http://www.cnblogs.com/AndyWithPassion/archive/2011/10/08/javascript_bind.html
7.有没有参与开源项目的经历,说一说。
不好意思,平时会经常从github上下载开源插件用,但是参与过的,还真没有。(每天加班累的跟个狗似得,哪儿有时间去参与开源项目啊⊙﹏⊙b汗)
8.有没有关注过前端的前沿动态。
平时不忙的时候会逛逛csdn上关于前端的一些文章,然后有关注玉伯的微信公共账号。关注这些主要是了解下同行的大牛们都是在做什么,学习一些自己可以参考的东西。具体说前沿,嗯,node.js倒是看过一些相关的文章。别的前沿的东西,就不怎么了解了。
(这个时候,我快速地回顾了一下刚才回答的几个问题,似乎没有一个回答的是自己比较满意的。强烈的危机感已经涌上心头了)
9.对以后有什么打算么。
你说的是工作上的打算吗?
是的。
我想着去一家大点的公司,有几个技术方向相同的同事,我现在公司专门做前端的就我自己,有时候遇到问题了找个人交流都很困难,只能是去qq或者技术论坛交流,有种很孤独的感觉。希望能和同事们一起交流一起进步吧。
10.好的,最后,你有什么问题要问我么?
嗯...不好意思,我太紧张了,刚才几个问题回答的都不是很好。(此时大脑飞速旋转,这或许是我能挽回败局的最后机会了,我应该问什么呢!......大脑一片空白...好吧...)
嗯...我想知道,面试结果大概什么时候可以出来。
最多一周吧。
哦,谢谢!
好的,谢谢你的回答,再见。
再见。(完了,没戏了,妥妥滴...)
总结:
1.自己重视的事情,不能因为工作忙就一直不去准备。前面几个基础性的问题,网上一搜就应该有的,自己没有回答好,和准备不足有一定关系。
2.心理素质有待修炼。太看重结果导致面试过于紧张,语言理解和表达能力严重受到影响。
下意识的把面试官提的问题往复杂高深了想,比如ajax返回的state,就01234啥的几个值嘛;
比如事件机制,我以为面试官问的是浏览器的事件监听是怎么实现的,后来和群里人讨论,突然明白,他想问的就是捕获和冒泡嘛;
3.基础知识掌握不扎实,需要系统性补课。比如改变this指向的apply,有使用过的,但是从没仔细深究过。
4.对常用技术的了解深度不够,技术水平太欠火候。像事件触发的机制,我无论如何也不会想着去研究这个的。
5.技术面太窄。工作中用到的要去研究,自己用不到但是业内很常用的技术,自己也要去研究。比如跨域...
6.保持兴趣和持续学习。应该关注业界动态,寻找能把自己从劳累中解脱中的新技术。
7.思维要灵活,面试回答时,熟悉的要多说,不熟悉的要绕到自己熟的部分说。
比如开源经验那一块儿,kindeditor/ztree/easyui等等都用过并且改过他们内核的一些东西,这个应该说一说的。
8.思维要主动,尤其是自己处于比较劣势的状态的时候。
比如最后问我有没有问题的时候,我应该问一下“淘宝的工程师平时都做些什么、用什么工具、解决什么问题...”,另外对我刚才的面试回答有什么评价和建议。
9.大公司需要的是,基础知识扎实,学习能力强的人!这方面太薄弱,是我被筛下来的主要原因。js高程我需要再系统深入地看一遍,加油了!
致谢:
感谢淘宝UED乔福和伯飞,如果日后有机会去淘宝,请你们吃饭哦!
淘宝web前端开发岗面试经历及感悟的更多相关文章
- 腾讯WEB前端开发三轮面试经历及面试题
[一面]~=110分钟 2013/04/24 11:20 星期三 进门静坐30分钟做题. 填空题+大题+问答题 >>填空题何时接触电脑 何时接触前端运算符 字符串处理 延 ...
- 亲历腾讯WEB前端开发三轮面试经历及面试题
[一面]~=110分钟 2014/09/24 11:20 星期三 进门静坐30分钟做题. 填空题+大题+问答题 >>填空题何时接触电脑 何时接触前端运算符 字符串处理 延 ...
- Web前端开发笔试&面试_01(mi:)
—— (al_me16041719002000) begin—— 1.(单选)下面哪个方法是String对象和Array对象都有的? A.splice B.split C.replace D.conc ...
- Web前端开发笔试&面试_02(others)
AL>> 1.CSS 3 如何实现旋转图片? 答:transform : rotate 2.写CSS 的工具? 答:LESS.SASS 3.JavaScript 倒计时? 答:setTim ...
- Web前端开发笔试&面试_04_20161019MTBS
1.运用CSS3 ,实现div 沿Y 轴上下循环运动的动画. 我写是:-webkit-animation:xz 3s linear 1s infinite //即XZ轴变化,Y轴不变 正确答案是: & ...
- Web前端开发笔试&面试_05_other 2016104399MS
1.数据传送的方式,get post 的区别是? 2.你要怎么绑定页码(比如给你第三页,)? 3.数据流是如何实现,用for 循环? 4.轮播怎么实现?用原生JS实现. 5.布局,B是固定宽度,A的内 ...
- Web前端开发笔试&面试_05
>>CW 1.JavaScript的2种变量范围有什么不同? 2.JavaScript 的对象有哪些? 3.
- Web前端开发笔试&面试_04
>>XDL: 1.在CSS中,选择器的优先级?(如important,id,class 这些……) 2.如何消除行内间隙? Inline-block 3. 如何清除浮动? —— 4. CS ...
- Web前端开发笔试&面试_03
WL: 1.如何显示.隐藏一个dom对象? 2.如何将一个网页中的内容水平置中?写出重要的html标签和css. (css:#content{align:center;float:left;}html ...
随机推荐
- Dexpress 中 grid的使用
grid 中加入checkbox Run desiger Columns ColumnEdit中选择checkbox 此时我们要在后台手动指定一个数据列如下代码: dtRebatesReport.Co ...
- js中的caller和callee属性
caller返回一个对函数的引用,该函数调用了当前函数. functionName.caller functionName 对象是所执行函数的名称. 说明对于函数来说,caller 属性只有在函数执行 ...
- nlp
http://blog.sina.com.cn/s/blog_574a437f01019poo.html
- 国内2大Git代码托管网站
可以说GitHub的出现完全颠覆了以往大家对代码托管网站的认识.GitHub不但是一个代码托管网站,更是一个程序员的SNS社区.GitHub真正迷人的是它的创新能力与Geek精神,这些都是无法模仿的. ...
- 【数据结构】平衡二叉树—AVL树
(百度百科)在计算机科学中,AVL树是最先发明的自平衡二叉查找树.在AVL树中任何节点的两个子树的高度最大差别为一,所以它也被称为高度平衡树.查找.插入和删除在平均和最坏情况下都是O(log n).增 ...
- 为什么使用Binder而不是其他IPC机制
本文搬运自:Advantages of using Binder for IPC in Android 使用Binder而不是其他(Semaphores , Message Queue, PIPES) ...
- Android属性动画源代码解析(超详细)
本文假定你已经对属性动画有了一定的了解,至少使用过属性动画.下面我们就从属性动画最简单的使用开始. ObjectAnimator .ofInt(target,propName,values[]) .s ...
- redis总结
redis总结 redis与memcached redis支持更多的数据结构 redis支持数据持久化 redis支持两种存储方式:snapshot(快照)和aof(append only mode) ...
- Azure PowerShell (2) 修改Azure订阅名称
<Windows Azure Platform 系列文章目录> Update: 2016-01-11 笔者文档主要都是用Azure PowerShell 0.x版本来实现的,比如0.98版 ...
- iOS-C基础
iOS开发系列--C语言之基础知识 概览 当前移动开发的趋势已经势不可挡,这个系列希望浅谈一下个人对IOS开发的一些见解,这个IOS系列计划从几个角度去说IOS开发: C语言 OC基础 IOS开发(i ...