今天下午四点接到淘宝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. spring+mybatis+oracle/mysql整合开发需要的jar包详解

    导入spring,mybatis,c3p0,oracle和mybatis提供的与spring整合的插件包   mysql的jar:         mysql-connector-java-5.1.7 ...

  2. MVC和MVP的区别

    MVC: Model - View - Controller MVP: Model - View - Presenter MVC和MVP到底有什么区别呢? 从上图可以看到在MVC里,View是可以直接 ...

  3. 享元模式 - Flyweight

    Flyweight(享元模式) 定义 GOF:运用共享技术有效地支持大量细粒度的对象. GOF的定义比较专业化,通俗来说,当你有大量相似的实例时,你把其中相同的实例取出来共享. 例子 在你的游戏场景中 ...

  4. ajax优点与缺点

    ajax的优点 Ajax的给我们带来的好处大家基本上都深有体会,在这里我只简单的讲几点: 1.最大的一点是页面无刷新,在页面内与服务器通信,给用户的体验非常好. 2.使用异步方式与服务器通信,不需要打 ...

  5. 第一篇博客 用笨办法学python-14 提示和传递

    # 代码如下: usr_name = input("")script = input("")prompt = '> 'print("hi %s, ...

  6. The Swiss Army Knife of Data Structures … in C#

    "I worked up a full implementation as well but I decided that it was too complicated to post in ...

  7. PHP好任性 —— 大小写敏感有两种规则,然而并没有什么特别原因

    大小写敏感 变量.常量大小写敏感 大小写不敏感 类名.方法名.函数名.魔法变量大小写不敏感 原因 有人原引了Rasmus 在一次会议上的发言大意: "I'm definitely not a ...

  8. .Net 跨平台可移植类库正在进行

    [原文发表地址] Cross-Platform Portable Class Libraries with .NET are Happening [译文发表地址] .Net 跨平台可移植类库正在进行 ...

  9. .NET面试题系列[12] - C# 3.0 LINQ的准备工作

    "为了使LINQ能够正常工作,代码必须简化到它要求的程度." - Jon Skeet 为了提高园子中诸位兄弟的英语水平,我将重要的术语后面配备了对应的英文. .NET面试题系列目录 ...

  10. ENode框架使用场景简述

    ENode是一个.NET平台下,纯C#开发的,基于DDD,CQRS,ES,EDA,In-Memory架构风格的,可以帮助开发者开发高并发.高吞吐.可伸缩.可扩展的应用程序. 开源项目地址:https: ...