今天下午四点接到淘宝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前端开发岗面试经历及感悟的更多相关文章

  1. 腾讯WEB前端开发三轮面试经历及面试题

    [一面]~=110分钟  2013/04/24 11:20  星期三 进门静坐30分钟做题. 填空题+大题+问答题 >>填空题何时接触电脑 何时接触前端运算符 字符串处理        延 ...

  2. 亲历腾讯WEB前端开发三轮面试经历及面试题

    [一面]~=110分钟  2014/09/24 11:20  星期三 进门静坐30分钟做题. 填空题+大题+问答题 >>填空题何时接触电脑 何时接触前端运算符 字符串处理        延 ...

  3. Web前端开发笔试&面试_01(mi:)

    —— (al_me16041719002000) begin—— 1.(单选)下面哪个方法是String对象和Array对象都有的? A.splice B.split C.replace D.conc ...

  4. Web前端开发笔试&面试_02(others)

    AL>> 1.CSS 3 如何实现旋转图片? 答:transform : rotate 2.写CSS 的工具? 答:LESS.SASS 3.JavaScript 倒计时? 答:setTim ...

  5. Web前端开发笔试&面试_04_20161019MTBS

    1.运用CSS3 ,实现div 沿Y 轴上下循环运动的动画. 我写是:-webkit-animation:xz 3s linear 1s infinite //即XZ轴变化,Y轴不变 正确答案是: & ...

  6. Web前端开发笔试&面试_05_other 2016104399MS

    1.数据传送的方式,get post 的区别是? 2.你要怎么绑定页码(比如给你第三页,)? 3.数据流是如何实现,用for 循环? 4.轮播怎么实现?用原生JS实现. 5.布局,B是固定宽度,A的内 ...

  7. Web前端开发笔试&面试_05

    >>CW 1.JavaScript的2种变量范围有什么不同? 2.JavaScript 的对象有哪些? 3.

  8. Web前端开发笔试&面试_04

    >>XDL: 1.在CSS中,选择器的优先级?(如important,id,class 这些……) 2.如何消除行内间隙? Inline-block 3. 如何清除浮动? —— 4. CS ...

  9. Web前端开发笔试&面试_03

    WL: 1.如何显示.隐藏一个dom对象? 2.如何将一个网页中的内容水平置中?写出重要的html标签和css. (css:#content{align:center;float:left;}html ...

随机推荐

  1. centos7开机自动联网设置

    /etc/sysconfig/network-scripts/目录下ifcfg-eth0这个 文件,把ONBOOT="no"改为yes

  2. HDU2818 并查集

    Building Block Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)To ...

  3. Javascript初学篇章_7(DOM)

    DOM 文档对象模型DOM (document object model) 文档对象模型,它定义了操作文档对象的接口.DOM 把一份html文档表示为一棵家谱树,使用parent(父), child( ...

  4. Ionic实战 自动升级APP(Android版)

    Ionic 框架介绍 Ionic是一个基于Angularjs.可以使用HTML5构建混合移动应用的用户界面框架,它自称为是"本地与HTML5的结合".该框架提供了很多基本的移动用户 ...

  5. 9.30notes

    memcached   缓存机制,减轻数据库负载.它通过在内存中缓存数据和对象来减少读取数据库的次数,从而提高动态.数据库驱动网站的速度. array_slice(data['list'],0,10) ...

  6. 谢欣伦 - OpenDev原创例程 - 时间同步Time Sync

    很久以前就发现系统自带的时间同步功能很弱,更新时间总是不成功.索性编写一个小软件来更新系统时间,正好用上了我之前写的代码,相关代码可参见文章<化繁为简系列原创教程 - 通信专题 - 无连接套接字 ...

  7. 下载判断Android和iOS

    //下载 function down(){ var url = ''; var u = navigator.userAgent, app = navigator.appVersion; var isA ...

  8. 新书到手 TRANSACTION PROCESSING:CONCEPTS AND TECHNIQUES

    新书到手 TRANSACTION PROCESSING:CONCEPTS AND TECHNIQUES Jim Gray大神的著作 本文版权归作者所有,未经作者同意不得转载.

  9. 安装subversion

    安装subversion需要依赖apr.apr-util.sqlite 下载安装包,放在/usr/file目录 subversion-1.9.4.tar.gz apr-1.5.2.tar.gz apr ...

  10. 8天掌握EF的Code First开发之Entity Framework介绍

    返回<8天掌握EF的Code First开发>总目录 本篇目录 Entity Framework概要 什么是ORM Entity Framework简史 Entity Framework具 ...