淘宝web前端开发岗面试经历及感悟

时间:2020-12-02 13:49:46

今天下午四点接到淘宝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. NodeJs之child_process

    一.child_process child_process是NodeJs的重要模块.帮助我们创建多进程任务,更好的利用了计算机的多核性能. 当然也支持线程间的通信. 二.child_process的几 ...

  2. 解决OneNote的无法同步的问题

    微软的OneNote一直是我比较喜欢的笔记软件,一些复杂的笔记用它来存储比Evernote要强大很多,然而这几天发现一直无法同步,登陆https://onedrive.live.com/看了一下,发现 ...

  3. web的三种监听器

    servletcontextlistener servletrequestlistener httpsessionlistener

  4. 工作流学习——重要概念扫盲篇一步曲 (zhuan)

    http://blog.csdn.net/zwk626542417/article/details/46592471 ***************************************** ...

  5. hdu 2147 kiki's game 博弈论

    找规律的博弈论!! 很容易发现当n,m都为奇数时先手必败! 代码如下: #include<iostream> #include<stdio.h> #define I(x,y) ...

  6. apache2&period;4下载与安装

    step1 下载apache 百度“apache下载”,找到官网链接,如下 2. 点进去后选择 Files for microsoft windows,如下 3. 前三个任选一个,这里我们选第一个,如 ...

  7. Php设计模式&lpar;三&rpar;:行为型模式part1

    原文详见:http://www.ucai.cn/blogdetail/7023?mid=1&f=5 可以在线运行查看效果哦! 在上一篇我们讲了结构型模式,结构型模式是讨论类和对象的结构的.总共 ...

  8. 实操代码研究各种Java技术-java&period;toutiao&period;im

    whatsmars https://github.com/javahongxi/whatsmars whatsmars-earth-web springmvc+velocitywhatsmars-ea ...

  9. Flex4之皮肤定制

    Flex4之皮肤定制[Skin类和Skin类]          博客分类: RIA-Flex4专栏 FlexAdobeUPFlashUI 第一.关于spark.skin.SparkSkin类的 1. ...

  10. 25&period;75k8s

    扣子helm上传dm需要在  local下执行  helm repo index helm list --tls  (加上--tls才可以)