阿里前端面试

‘壹’ 阿里巴巴p7级是什么级别阿里的分类是怎样的

P7是阿里的技术专家级别。P为技术岗，M为管理岗。

阿里具体分类如下：

P1,P2：一般空缺，为非常低端岗位预留。

P3：助理

P4：初级专员

P5：高级工程师

P6：资深工程师

P7：技术专家

P8：高级专家

P9：资深专家

P10：研究员

P11：高级研究员

P12：科学家

P13：首席科学家

P14：马云

(1)阿里前端面试扩展阅读

阿里巴巴网络技术有限公司（简称：阿里巴巴集团）是以曾担任英语教师的马云为首的18人于1999年在浙江杭州创立。

阿里巴巴集团经营多项业务，另外也从关联公司的业务和服务中取得经营商业生态系统上的支援。业务和关联公司的业务包括：淘宝网、天猫、聚划算、全球速卖通、阿里巴巴国际交易市场、1688、阿里妈妈、阿里云、蚂蚁金服、菜鸟网络等。

2014年9月19日，阿里巴巴集团在纽约证券交易所正式挂牌上市，股票代码“BABA”，创始人和董事局主席为马云。

2018年7月19日，全球同步《财富》世界500强排行榜发布，阿里巴巴集团排名300位。

‘贰’ 阿里面试专场是一次面完吗

阿里的什么职位啊？
有前端的面试：

此次面试的职位就是WEB前端，不像我前几次应聘腾讯，网易游戏的，是WEB开发，也要前端，也要有后台。所以考试的内容就全部是前端内容。其中一个给了个网页，让写有语义的XHTML代码，就是一个<form>，比较简略。第二题是给了很长一段CSS代码，让做简化，也不复杂，不过有个工具的继承性我记错了，没做出来。剩余的全是js的题了，其中让写一个通用的事件侦听器函数，我没写出来，平时都用jQuery库，看书的时候不太认真。

然后就是大家最想看的面试环节了。

笔试做的还是很乱的，我认为我收不到面试了，还好早上7点钟，阿里巴巴打电话来通知我去面试。那个激动啊。通知我下午4点50面试。

下午4点半到达面试地点，填了个报到表。就开始等待了，很快一面开始了。

先是做了个自我介绍。自我介绍我做的很不好。我的面试水平太差了，不知道该讲什么。还好这个面试官很好，我做完简略的介绍后，面试官给我说，其实我可以讲讲我做的项目，讲讲遇到什么问题，是怎么解决的。还有我学习这方面的知识的经历，然后我就又讲了这些，讲出来了感觉确实很好。

其他职位的面试经验和公司点评卧龙阁上还有一些，你抽空自己去看吧，内容太多了。

‘叁’ BAT 前端工程师面试对算法一般有怎样的要求

当我是实习生时，我遇到了BAT三，所以我对算法没有要求。当然，实习生的要求也可能比较低。

• 阿里面试:

一边使用电脑直接连接到互联网看到面试官网站,博客之类的,然后选择一些问,并帮助考背后的标签组件的实现和JS类继承,等等。在第二个方面,我也看到了,GitHub,博客等等。

实际上，在工作的前端使用的算法并不多，即使像jQuery这样的公共库的实现对算法的应用也不是很好。至于何时使用，请使用NodeJs偶尔编写自动化工具，前端WebGL矩阵操作，图像处理，如需要，但我认为这些都超出了一般前端工程师的能力。

‘肆’ 如何拿到阿里巴巴，百度，腾讯的前端实习生offer

1. 要有比较好的计算机基础
这里的计算机基础指的是数据结构与算法，操作系统，编译原理，计算机网络等等。虽然相对于其他方向而言，前端在工作中用到计算机基础的地方可能少一点，但是无论大小厂，招实习生其实都是为正式招聘做储备，所以会比较希望招将来有更大发展空间的人，就像里 Web 前后端分离的意义大吗？ - 知乎用户的回答 和 怎样成为全栈工程师（Full Stack Developer）？ - 知乎用户的回答 描述的那种。
如果你具备比较好的计算机基础素养，那么以后在拓展到其他领域（WebGL —— 计算机图形学，Node.js 底层 —— 操作系统，JS 引擎和各种预编译工具—— 编译原理, etc.）的时候会更快上手。另外有一些公司对前端的概念不局限于 Web 前端，也包括移动端偏前端的部分，这里也需要你有比较好的计算机基础才能做好。前端领域有很多人已经不满足于造轮子，直接跑去造语言了，如果你编程基础够好，接触过各种形形色色的编程语言和范式，再上手这些东西也会方便些（比如Ruby/Python->CoffeeScript，Haskell->LiveScript）。
虽然也有很多地方为了招到足够多能来干活的前端会降低对计算机基础的要求，但是打好这方面的基础是没有坏处的，如果面试笔试被问到且答得上来，也是能够加分的。一些大厂经常会出现“不是前端的面试官来面前端”的情况，我个人是觉得如果这类面试官问的都是计算机基础问题的话，其实真的无可厚非，毕竟人家在面“一个前端程序员”之前，是在面“一个程序员”啊……

2. 要懂得现代前端的一些新技术
比如：

前端自动化工具（Gulp/Grunt等）
模块化（CommonJS，AMD/CMD模块加载器，各种Bundler，ES2015 Moles等）
前端 MV* 框架（Backbone，Angular等）
编译到 CSS 和 JS 的一些语言（Less/Sass/CoffeeScript等）
前端自动化测试工具（Karma，Mocha，Web Driver等）
其他
有一些同学觉得这些东西懂得越多越好，我个人是觉得这些工具不一定要都了解（毕竟它们很多也未必能火多久），但对这些东西要有大致的概念，并且每个领域的用过一两种（最好是在项目里），清楚它们的优缺点和必要程度。这是区分在前端上投入过一定精力的人和跨行来兼职前端的人的标志。
去大厂校招应聘前端的会有很多只是做过一些 Web 项目，但不一定对前端的技术很了解，只是看前端门槛比较低就去投简历的人。如果你对这些新技术比较了解的话，起码能够证明你是比较专注前端而且花过一定时间在上面的。
同时，前端现在确实是一个每天都有很多轮子冒出来的领域，也需要你有足够强的自学能力和（英文）文档阅读能力去跟上社区的这些新动态。接触过比较多的轮子，才会有自己的判断，不会老是人云亦云火一个学一个。这些工具里，确实也有很多在合适的场景下可以提高前端的生产力或者代码质量，对这些东西有一定关注，也表明你对自己的生产力和代码质量是有一定关注的，这其实是一个更广义的靠谱程序员的特性。

3. 懂得什么是 Web 标准和浏览器开发维护的流程，并且会跟进新发布的标准和主流浏览器新实现的特性
当然面试的时候一般不会直接问你这方面的问题，但是如果你懂这里面的水大概是怎么一回事的话，在很多问题上（特别是兼容性问题上）都能回答得比较深刻一些。最好清楚：

HTML、CSS、DOM，ECMAScript 和一些泛 HTML5 的标准是怎么制定的
W3C 和 WHATWG 的区别
各种标准的不同版本和提交状态是怎么回事
知道标准和实现的差距（有些人喜欢把 W3C 标准奉为圭臬，但现实中浏览器们并不是这样的）
知道 ECMAScript 和 JavaScript 的区别
知道浏览器的一些常见做法（比如给 CSS 特性加前缀）的缘由
标准和浏览器这滩水还是很浑的，涉及到很多利益纠葛和大厂的博弈，如果你大概清楚他们的一些事情，不光自己做前端兼容的时候会容易一些（不会只抱怨“为啥XXX就是不能OOO”而是懂得他们的无奈并且认真寻找解决方案），在新特性出来的时候也更容易消化（不是“啊又出了个新东西要学好烦啊”而是“在邮件列表上争（si）论（bi）了那么久他们终于把这个搞出来了”），你自己对前端比较基础的那部分的知识体系更会有条理得多。个人觉得这也是区分比较有经验的前端和临时跨行的前端的关键之一，这些东西是需要你经过一段时间的耳濡目染才能理清楚，而且会在一定程度上影响你的工作的。

4. 多看书，多关注技术资讯
技术资讯的来源包括RSS、邮件订阅、比较重要的邮件列表、或者follow Twitter和微博上一些比较有影响力的开发者。个人经验是，一般在二面或者三面的时候，面试官都会问类似“你从哪里接触前端的新技术/你看过哪些书”的问题，因为前端现在技术更新很快，比较专注于前端这方面的人一般都会有自己接触新技术的渠道，他们自然也会比较关心候选人是不是有在跟进社区的一些动向。其实这也能够排除那些不太靠谱的临门跨行的人，因为他们平时一般不会特意去关注前端技术的新动态的。

5. 不仅懂得一些东西怎么写，更要懂得一些东西不要怎么写
Web 标准大多不是严格向后兼容的，很多几年前常用的写法，现在已经被社区的大多数人强烈建议避开了，有很多特性也随着时间的流逝被打上了 deprecated 的标签，如果你不幸拿着一本比较老的书入门，又不在网上验证上面说的每一句话，那么很有可能你就这样被误导很久，比如 HTML可能会逐步被XML所取代吗？（来自《css权威指南》） - 贺师俊的回答 这样的情况……与之类似的还有：

JavaScript 里那数量令人叹为观止的坑
一些在经验比较丰富的前端看来属于常识的东西（比如：为什么 CSS 大多放在 head，JavaScript 多放在 body 底端？）
划分各种模块、文件，添加模板的正确方式（比如错误方式是一堆脚本/样式写在一个超大文件里，或者在有替代方式的情况下在 JavaScript 里拼字符串）
解决一些老问题的新的best/better practice（比如不要到了 2015 年还深陷在回调地狱，去看看 promise 和 generator）
……
这些知识都需要你有一定的前端方面的经验，看过比较多相关的博客和书，才能慢慢积累起来，所以也能区分靠谱的前端和不靠谱的前端。

6. 不依赖某一个特定的框架或者库
比如很常见的“离开了jQuery就不会写前端”星人……也不是说要做原生 JavaScript/CSS 和 DOM 的原教旨主义者，但高度依赖某个框架或者某个库的话，通常意味着换了一个框架/库你的学习成本会比不依赖特定轮子的人高，因为这通常是处于还不知道前端领域“什么是什么”的阶段的表现。
事实上前端领域的这些轮子有一些都是其他领域早就有，或者根本不需要的东西，其中很多的实现原理也不是那么复杂，只不过是脏活累活。个人觉得对这些东西应该报以“不能知其然而不知其所以然”的态度，起码大概清楚它们的实现是怎样的套路，知道它们的优缺点，多接触几种，这样在换一个替代品的时候很快就能上手。
因为前端的特殊性，在开发比较大的项目的时候使用库和框架是必须的（比如遇到各种鼠标事件的前端兼容问题时，总不能全都就地写 if-else 吧，总得封装一下。遇到非常 data-driven 的项目，还用手动操作 DOM 的写法很难维护吧，用个 MV* 框架真的不纯是偷懒了），但是这些东西都是会迅速改朝换代的，死守着某个特定的库或者框架，确实不太靠谱。很多公司喜欢问候选人“原生 API 写个 Ajax 请求怎么写”这类问题，感觉很大程度上也是在排除这类人……

7. 懂一点点设计
这里说的不是切图啊PS啊AI啊什么的，而是大概懂基础的视觉传达/色彩构成/平面构成的知识。毕竟前端是和设计师联系最密切的程序员，虽然前端要做的事不仅仅包括 UI/UX，但是 UI/UX 却都主要依赖前端来实现。很多时候，设计师（特别是不会前端技术的设计师）给出的设计可能很难（在照顾兼容性的前提下）实现，这个时候不应该跟他硬拼让他改设计，或者自己默默纠结怎么用很 hack 很难维护的方法去实现，而是理解设计的意图，并且跟设计师沟通，尽可能在工程上容易实现容易维护的前提下实现设计的意图，哪怕要修改一些具体的表现形态。
最恐怖的就是丢一张图过来，让你做到 pixel perfect，你也不问三七二十一直接开工，代码写得别扭也不去沟通，遇到不兼容就打个哈哈蒙混过关了……设计的目标是让大众都能更容易地使用，这样做是与设计师存在的意义背道而驰的，我也遇到过一些设计师会主动来问前端怎样的设计在浏览器里容易实现，怎样的设计比较别扭，这样他才能结合多方面的信息去做设计上的决定。如果你对设计不关心，不与他交流的话，实际上相当于剥夺了一些关心工程实现的设计师的知情权（一般正常的设计师看到自己的设计实现出来效果不好，也会小郁闷的……）。个人觉得与设计师沟通的技巧，也是一个靠谱的前端应该具备的素养。

8. 懂一点点后端
（这个是我看了一下别人的答案补加的）。其实这个和第一点的目的类似，最重要的是别要做一个非得等队友来才能开工的人。大厂（主要是阿里系）有不少在用 Node 做前后端分离一类的事，另外做前端的经常要在后端还没写完的时候自己去 mock 一下数据接口，如果你懂怎么搭建简单的服务器和 serve 数据给前端，那么就可以提高开发的效率。即使你只想专注前端，但前端有很多东西（比如 JS 跨域，WebSocket，SSE，WebGL 的素材获取）都需要你懂得架设简单的后端才能去实践，这时候不懂后端通常就意味着你要放弃学习这些知识，或者只能纸上谈兵。一个正常的前端肯定是要对计算机网络和 HTTP 等协议有一定了解的，有了这些知识去学简单的后端其实是很水到渠成的事情。

9. 在前端投入足够的时间
意识到以上几点还需要投入足够多的时间才能看到成果，不然很容易出现“道理我都懂，可是OOO”的情况，那最后也还是靠谱不了的……如果不是真的对前端感兴趣并且投入足够多的时间，与其为了“好找工作”而投前端，不如转一个更合适的方向。阿里前端的困局与突围 · Issue #141 · lifesinger/lifesinger.github.com · GitHub 和 图灵社区 : 阅读 : 企业软件领域前端开发的困境 都能说明这个问题。
另外有些面试官喜欢问你一些很细节的 API （虽然我个人觉得这类问题很囧），这些东西很多时候都是靠的“无他，但手熟尔”，虽然有一些确实有点刁难人的味道，但有一些真的是如果你经常写前端，重复多几次就会记住的，如果记不住，只能说明你前端写的不够多。还有一些没足够实战经验的人很少遇到过的问题（比如 JS 跨域），也是需要在前端投入足够多的时间，才会接触到（无论是纸上谈兵，还是项目里遇到）。

其实综上所述，不靠谱的前端大概表现就是：计算机基础不好（更糟糕的是编程基础都不行，不过编程基础和计算机基础好不好跟绩点高不高专业对不对口这些其实真的不一定有什么关系……），对前端的认识还停留在十年前，对社区出现的新工具完全不认识（没认识全很正常，但完全不了解就有点两耳不闻窗外事一心只读圣贤书的味道了……），不懂 Web 标准是怎么回事或者不在意标准，遇到兼容问题就复制粘贴搜到的代码，对于一些在社区里是常识的坑毫无意识地各种踩，“离开了jQuery/某库/某框架就不会写前端”星人，或者平时根本没怎么做过前端的东西，只是做做 Web 项目顺带写前端，到应聘了临门一脚跑过来……不管是平时学习还是笔试面试，尽量避免向这些特征靠拢就可以了。事实上大厂们招人不一定会要求这么严格，而且大厂里的团队本身也未必个个靠谱，但是平时有在这些方面努力的话，起码如果挂了会知道自己哪里不足，或者到底是他的问题还是你的问题……

以上大概就是我觉得拿到大厂（or前端比较靠谱的中小厂）前端offer需要的水平，其实我感觉没必要拿“实习”这个词来限定自己，尽量往高水平靠拢，才能做到是你来选公司，而不是公司来选你，这样你才能结合兴趣/家庭/个人规划之类的因素拿到最适合自己的 offer。另外，我觉得面试这回事是这样的，上面提到的这些特征，每一条单独拿出来，在不确定面试官的情况下，既不是拿到offer的充分条件，也不是拿到offer的必要条件，某一条不满足，也不是拿不到offer的充分或必要条件。大厂的面试官有很多种，有些设计出身喜欢问设计，有些后端出身喜欢问偏后端的东西，有些喜欢问你API细节，有些喜欢问你实现思路，有些喜欢看你学习能力，有些面试官本来就不是前端所以喜欢问你基础题。如果你侧重某一些方面，虽然无可厚非，但是运气不好遇上期望不同的面试官，可能你就会得到比较低的评价或者挂掉。确定能拿 offer 的唯一途径，就是面面俱到，这当然是不可能的要求，但大厂的种种因素配合起来往往就是在找这种不存在的人才，真的想拿 offer 的话，就只有硬着头皮尽量靠拢。

就像国内很多大厂里比较着名的前端们文章/博客/知乎里提到过的一样，前端这块水不是很深，但水非常非常宽，在考虑将来作为一个前端如何发展如何应对天花板之前，先要脚踏实地把这些属于前端的“本分”的东西搞好。事实上前面提到的这些东西我也没有全都做到。作为前端，个人觉得最重要的是要保持一颗开放、谦卑的心，不要抵触新东西，永远记得外面的世界还有很多东西自己不懂，要继续学习。

‘伍’ 阿里和百度的前端offer比较

阿里巴巴网络科技有限公司(以下简称:阿里巴巴集团)是一家主要提供电子商务在线交易平台的公司，由前英语教师ma 18人领导，成立于1999年在杭州。

2000年1月1日，由李彦宏和徐勇在美国创建的大型互联网搜索引擎网络(BIDU)。它被认为是中国三大互联网公司BAT的缩写。截至2016年1月，网络在Alexa排名中位列第四，排名第一。

阿里巴巴集团

这里的计算机基础是指数据结构和算法、操作系统、编译原理、计算机网络等。虽然相对于其他方向,前面用于基本的计算机工作的地方可能有点少,但不管工厂的规模,招募实习生完成正式招聘储备,那么将会对未来的希望有更大的发展空间,在一个Web前端分离的意义大吗?-用户如何回答以及如何成为一个完整的堆栈开发人员?-用户的回答所描述的类型。

如果你有良好的基本的计算机读写能力，然后再扩展到其他领域(WebGL，计算机图形学，节点)。Js底层操作系统、Js引擎和预编译工具、编译原理等)将很快开始。此外，还有一些公司不局限于网络的前端，包括前端部分的移动端，这也要求你有一个好的计算机基础来做好。前区有很多人不满足车轮,直接运行构建语言,如果你编程基础不够好,接触各种编程语言和范例,学习这些东西会更容易(例如Ruby / Python - > CoffeeScript,Haskell - > LiveScript)。

虽然有很多地方招募足够做前端的工作将减少对计算机基础的需求,但这出戏的基础是无害的,如果写,要求回答面试,也可以加分。通常,“一些公司(不是面试官面前前端”的情况,我个人认为如果这种官问基本的计算机问题,实际上正确的,毕竟,人家在脸上,“之前的前端程序员”,在脸上,“程序员”

‘陆’ Web前端岗位面试题有哪些

前端面试题汇总，多余的就不说先做会这些东西吧

HTML

Doctype作用？严格模式与混杂模式如何区分？它们有何意义?

HTML5 为什么只需要写 <!DOCTYPE HTML>？
行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？
页面导入样式时，使用link和@import有什么区别？
介绍一下你对浏览器内核的理解？
常见的浏览器内核有哪些？
html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？
简述一下你对HTML语义化的理解？
HTML5的离线储存怎么使用，工作原理能不能解释一下？
浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？
请描述一下 cookies，sessionStorage 和 localStorage 的区别？
iframe有那些缺点？
Label的作用是什么？是怎么用的？（加 for 或 包裹）
HTML5的form如何关闭自动完成功能？
如何实现浏览器内多个标签页之间的通信? (阿里)
webSocket如何兼容低浏览器？(阿里)
页面可见性（Page Visibility）API 可以有哪些用途？
如何在页面上实现一个圆形的可点击区域？
实现不使用 border 画出1px高的线，在不同浏览器的Quirksmode和CSSCompat模式下都能保持同一效果。
网页验证码是干嘛的，是为了解决什么安全问题？
tite与h1的区别、b与strong的区别、i与em的区别？

css

介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？
CSS选择符有哪些？哪些属性可以继承？
CSS优先级算法如何计算？
CSS3新增伪类有那些？
如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？
display有哪些值？说明他们的作用。
position的值relative和absolute定位原点是？
CSS3有哪些新特性？
请解释一下CSS3的Flexbox（弹性盒布局模型）,以及适用场景？
用纯CSS创建一个三角形的原理是什么？
一个满屏 品 字布局 如何设计?
常见兼容性问题？
li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？
经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧 ？
为什么要初始化CSS样式。
absolute的containing block计算方式跟正常流有什么不同？
CSS里的visibility属性有个collapse属性值是干嘛用的？在不同浏览器下以后什么区别？
position跟display、margin collapse、overflow、float这些特性相互叠加后会怎么样？
对BFC规范(块级格式化上下文：block formatting context)的理解？
CSS权重优先级是如何计算的？
请解释一下为什么会出现浮动和什么时候需要清除浮动？清除浮动的方式
移动端的布局用过媒体查询吗？
使用 CSS 预处理器吗？喜欢那个？
CSS优化、提高性能的方法有哪些？
浏览器是怎样解析CSS选择器的？
在网页中的应该使用奇数还是偶数的字体？为什么呢？
margin和padding分别适合什么场景使用？
抽离样式模块怎么写，说出思路，有无实践经验？[阿里航旅的面试题]
元素竖向的百分比设定是相对于容器的高度吗？
全屏滚动的原理是什么？用到了CSS的那些属性？
什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的IE？
视差滚动效果，如何给每页做不同的动画？（回到顶部，向下滑动要再次出现，和只出现一次分别怎么做？）
::before 和 :after中双冒号和单冒号 有什么区别？解释一下这2个伪元素的作用。
如何修改chrome记住密码后自动填充表单的黄色背景 ？
你对line-height是如何理解的？
设置元素浮动后，该元素的display值是多少？（自动变成display:block）
怎么让Chrome支持小于12px 的文字？
让页面里的字体变清晰，变细用CSS怎么做？（-webkit-font-smoothing: antialiased;）
font-style属性可以让它赋值为“oblique” oblique是什么意思？
position:fixed;在android下无效怎么处理？
如果需要手动写动画，你认为最小时间间隔是多久，为什么？（阿里）
display:inline-block 什么时候会显示间隙？(携程)
overflow: scroll时不能平滑滚动的问题怎么处理？
有一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度。
png、jpg、gif 这些图片格式解释一下，分别什么时候用。有没有了解过webp？
什么是Cookie 隔离？（或者说：请求资源的时候不要让它带cookie怎么做）
style标签写在body后与body前有什么区别？

JavaScript

介绍JavaScript的基本数据类型。
说说写JavaScript的基本规范？
JavaScript原型，原型链 ? 有什么特点？
JavaScript有几种类型的值？（堆：原始数据类型和 栈：引用数据类型），你能画一下他们的内存图吗？
Javascript如何实现继承？
Javascript创建对象的几种方式？
Javascript作用链域?
谈谈This对象的理解。
eval是做什么的？
什么是window对象? 什么是document对象?
null，undefined的区别？
写一个通用的事件侦听器函数(机试题)。
[“1”, “2”, “3”].map(parseInt) 答案是多少？
关于事件，IE与火狐的事件机制有什么区别？ 如何阻止冒泡？
什么是闭包（closure），为什么要用它？
javascript 代码中的”use strict”;是什么意思 ? 使用它区别是什么？
如何判断一个对象是否属于某个类？
new操作符具体干了什么呢?
用原生JavaScript的实现过什么功能吗？
Javascript中，有一个函数，执行时对象查找时，永远不会去查找原型，这个函数是？
对JSON的了解？
[].forEach.call($$("*"),function(a){ a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16) }) 能解释一下这段代码的意思吗？
js延迟加载的方式有哪些？
Ajax 是什么? 如何创建一个Ajax？
同步和异步的区别?
如何解决跨域问题?
页面编码和被请求的资源编码如果不一致如何处理？
模块化开发怎么做？
AMD（Moles/Asynchronous-Definition）、CMD（Common Mole Definition）规范区别？
requireJS的核心原理是什么？（如何动态加载的？如何避免多次加载的？如何 缓存的？）
让你自己设计实现一个requireJS，你会怎么做？
谈一谈你对ECMAScript6的了解？
ECMAScript6 怎么写class么，为什么会出现class这种东西?
异步加载的方式有哪些？
documen.write和 innerHTML的区别?
DOM操作——怎样添加、移除、移动、复制、创建和查找节点?
.call() 和 .apply() 的含义和区别？
数组和对象有哪些原生方法，列举一下？
JS 怎么实现一个类。怎么实例化这个类
JavaScript中的作用域与变量声明提升？
如何编写高性能的Javascript？
那些操作会造成内存泄漏？
JQuery的源码看过吗？能不能简单概况一下它的实现原理？
jQuery.fn的init方法返回的this指的是什么对象？为什么要返回this？
jquery中如何将数组转化为json字符串，然后再转化回来？
jQuery 的属性拷贝(extend)的实现原理是什么，如何实现深拷贝？
jquery.extend 与 jquery.fn.extend的区别？
jQuery 的队列是如何实现的？队列可以用在哪些地方？
谈一下Jquery中的bind(),live(),delegate(),on()的区别？
JQuery一个对象可以同时绑定多个事件，这是如何实现的？
是否知道自定义事件。jQuery里的fire函数是什么意思，什么时候用？
jQuery 是通过哪个方法和 Sizzle 选择器结合的？（jQuery.fn.find()进入Sizzle）
针对 jQuery性能的优化方法？
Jquery与jQuery UI有啥区别？
JQuery的源码看过吗？能不能简单说一下它的实现原理？
jquery 中如何将数组转化为json字符串，然后再转化回来？
jQuery和Zepto的区别？各自的使用场景？
针对 jQuery 的优化方法？
Zepto的点透问题如何解决？
jQueryUI如何自定义组件?
需求：实现一个页面操作不会整页刷新的网站，并且能在浏览器前进、后退时正确响应。给出你的技术实现方案？
如何判断当前脚本运行在浏览器还是node环境中？（阿里）
移动端最小触控区域是多大？
jQuery 的 slideUp动画 ，如果目标元素是被外部事件驱动, 当鼠标快速地连续触发外部元素事件, 动画会滞后的反复执行，该如何处理呢?
把 Script 标签 放在页面的最底部的body封闭之前 和封闭之后有什么区别？浏览器会如何解析它们？
移动端的点击事件的有延迟，时间是多久，为什么会有？ 怎么解决这个延时？（click 有 300ms 延迟,为了实现safari的双击事件的设计，浏览器要知道你是不是要双击操作。）
知道各种JS框架(Angular, Backbone, Ember, React, Meteor, Knockout…)么? 能讲出他们各自的优点和缺点么?
Underscore 对哪些 JS 原生对象进行了扩展以及提供了哪些好用的函数方法？
解释JavaScript中的作用域与变量声明提升？
那些操作会造成内存泄漏？
JQuery一个对象可以同时绑定多个事件，这是如何实现的？
Node.js的适用场景？
(如果会用node)知道route, middleware, cluster, nodemon, pm2, server-side rendering么?
解释一下 Backbone 的 MVC 实现方式？
什么是“前端路由”?什么时候适合使用“前端路由”? “前端路由”有哪些优点和缺点?
知道什么是webkit么? 知道怎么用浏览器的各种工具来调试和debug代码么?
如何测试前端代码么? 知道BDD, TDD, Unit Test么? 知道怎么测试你的前端工程么(mocha, sinon, jasmin, qUnit..)?
前端templating(Mustache, underscore, handlebars)是干嘛的, 怎么用?
简述一下 Handlebars 的基本用法？
简述一下 Handlerbars 的对模板的基本处理流程， 如何编译的？如何缓存的？
用js实现千位分隔符?(来源：前端农民工，提示：正则+replace)
检测浏览器版本版本有哪些方式？
我们给一个dom同时绑定两个点击事件，一个用捕获，一个用冒泡，你来说下会执行几次事件，然后会先执行冒泡还是捕获

其他问题

原来公司工作流程是怎么样的，如何与其他人协作的？如何夸部门合作的？
你遇到过比较难的技术问题是？你是如何解决的？
设计模式 知道什么是singleton, factory, strategy, decrator么?
常使用的库有哪些？常用的前端开发工具？开发过什么应用或组件？
页面重构怎么操作？
列举IE与其他浏览器不一样的特性？
99%的网站都需要被重构是那本书上写的？
什么叫优雅降级和渐进增强？
是否了解公钥加密和私钥加密。
WEB应用从服务器主动推送Data到客户端有那些方式？
对Node的优点和缺点提出了自己的看法？
你有用过哪些前端性能优化的方法？
http状态码有那些？分别代表是什么意思？
一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？（流程说的越详细越好）
部分地区用户反应网站很卡，请问有哪些可能性的原因，以及解决方法？
从打开app到刷新出内容，整个过程中都发生了什么，如果感觉慢，怎么定位问题，怎么解决?
除了前端以外还了解什么其它技术么？你最最厉害的技能是什么？
你用的得心应手用的熟练地编辑器&开发环境是什么样子？
对前端界面工程师这个职位是怎么样理解的？它的前景会怎么样？
你怎么看待Web App 、hybrid App、Native App？
你移动端前端开发的理解？（和 Web 前端开发的主要区别是什么？）
你对加班的看法？
平时如何管理你的项目？
说说最近最流行的一些东西吧？常去哪些网站？
如何设计突发大规模并发架构？
说说最近最流行的一些东西吧？常去哪些网站？
是否了解开源的工具 bower、npm、yeoman、grunt、gulp，一个 npm 的包里的 package.json 具备的必要的字段都有哪些？（名称、版本号，依赖）
每个模块的代码结构都应该比较简单，且每个模块之间的关系也应该非常清晰，随着功能和迭代次数越来越多，你会如何去保持这个状态的？
Git知道branch, diff, merge么?
如何设计突发大规模并发架构？
当团队人手不足，把功能代码写完已经需要加班的情况下，你会做前端代码的测试吗？
说说最近最流行的一些东西吧？平时常去哪些网站？
知道什么是SEO并且怎么优化么? 知道各种meta data的含义么?
移动端（Android IOS）怎么做好用户体验?
简单描述一下你做过的移动APP项目研发流程？
你在现在的团队处于什么样的角色，起到了什么明显的作用？
你认为怎样才是全端工程师（Full Stack developer）？
介绍一个你最得意的作品吧？
你有自己的技术博客吗，用了哪些技术？
对前端安全有什么看法？
是否了解Web注入攻击，说下原理，最常见的两种攻击（XSS 和 CSRF）了解到什么程度？
项目中遇到国哪些印象深刻的技术难题，具体是什么问题，怎么解决？。
最近在学什么东西？
你的优点是什么？缺点是什么？
如何管理前端团队?
最近在学什么？能谈谈你未来3，5年给自己的规划吗？

‘柒’ 如果进阿里前端，代码能力得达到什么程度

因为之前淘宝或部分商业公司,代码能力能够满足业务的需要可以勉强通过,现在要求,可以满足未来业务的需要,至于未来的业务需求,它需要你有一定的商业思维,站在技术的角度寻找更多的可能性和结合点。例如，如果你需要能够覆盖你的业务，你必须能够独立地覆盖它。一些新技术如果对业务有帮助，就可以集成。

我接下来的几个项目，包括一个要求是视频监控，之前的老师是用微软的ActiveX，因此只能使用IE浏览器。我感觉很糟糕，所以老师推荐的“高级”技术越多，使用VLC构建视频转码服务器，然后使用WEB RTC进行处理，使用HTML 5视频元素进行显示，这种兼容性和可扩展性远高于ActiveX。在此基础上还对机会进行了研究，包括项目的信息传递，地理定位需求也尽可能地使用流行的方式。

‘捌’ 阿里巴巴前端笔试题会涉及什么语言

1、你做过的最满意的前端作品？
2、你了解哪些新技术？
3、你是怎样接触前端的？
4、你对你的学校和专业怎么看？
5、下图绿色区域的宽度为100%，其中有三个矩形，第一个矩形的宽度是200px，第二个和第三个矩形的宽度相等。请使用CSS3中的功能实现它们的布局。

已知HTML结构是：
<div class="box">
<div class="item">column 1</div>
<div class="item">column 2</div>
<div class="item">column 3</div>
</div>

6、在tmall.com的某个页面中存在一个id等于J_iframe_taobao的iframe，该iframe的域名是taobao.com。在不考虑IE浏览器的情况下，用最简洁的代码实现页面与该iframe进行双向通信？
...
<iframe id="J_iframe_taobao" src="http://taobao.com/xxx"></iframe>
...

7、请用html5标准完成以下页面布局（要求完整书写整个页面的html代码，不需要写CSS）

‘玖’ 接到了阿里的web前端开发面试，怎么准备这次面试

最好是向里面的人打听一下