A. 有哪些经典的 Web 前端或者 JavaScript 面试笔试题
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年给自己的规划吗？
B. 接到了阿里的web前端开发面试，怎么准备这次面试
最好是向里面的人打听一下
C. 阿里校招面试经验/腾讯校招面试经验
阿里巴巴：电话分为一面和二面，分两个团队进行面试，一面和二面考察专业知识水平，有些地方会问得很细，然后电话加网页写代码三面，hr电话面试，这部分会有英文的自我介绍。
腾讯：电话一面，现场一面，现场二面，最后是hr面试。
面对这种大企业面试时，遇到不会的问题心态千万别崩，一定要正常发挥。
额。。。其实如果先开始就找这样的名企的话成功的几率比较小除非你能力特别强，建议寒暑假多去实习，没事儿可以去猎聘校园这种看看。
D. Web前端岗位面试题有哪些
前端面试题汇总，基本上会有四大类问题，具体如下：
一、HTML
1、Doctype作用？严格模式与混杂模式如何区分？它们有何意义?
2、HTML5 为什么只需要写 <!DOCTYPE HTML>？
3、行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？
4、页面导入样式时，使用link和@import有什么区别？
5、介绍一下你对浏览器内核的理解？
6、常见的浏览器内核有哪些？
7、html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？
8、简述一下你对HTML语义化的理解？
9、HTML5的离线储存怎么使用，工作原理能不能解释一下？
10、浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？
11、请描述一下 cookies，sessionStorage 和 localStorage 的区别？
12、iframe有那些缺点？
13、Label的作用是什么？是怎么用的？（加 for 或 包裹）
14、HTML5的form如何关闭自动完成功能？
15、如何实现浏览器内多个标签页之间的通信? (阿里)
16、webSocket如何兼容低浏览器？(阿里)
17、页面可见性（Page Visibility）API 可以有哪些用途？
18、如何在页面上实现一个圆形的可点击区域？
19、实现不使用 border 画出1px高的线，在不同浏览器的Quirksmode和CSSCompat模式下都能保持同一效果。
20、网页验证码是干嘛的，是为了解决什么安全问题？
21、tite与h1的区别、b与strong的区别、i与em的区别？
二、css
1、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？
2、CSS选择符有哪些？哪些属性可以继承？
3、CSS优先级算法如何计算？
4、CSS3新增伪类有那些？
5、如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？
6、display有哪些值？说明他们的作用。
7、position的值relative和absolute定位原点是？
8、CSS3有哪些新特性？
9、请解释一下CSS3的Flexbox（弹性盒布局模型）,以及适用场景？
10、用纯CSS创建一个三角形的原理是什么？
11、一个满屏 品 字布局 如何设计?
三、常见兼容性问题？
1、li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？
2、经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧 ？
3、为什么要初始化CSS样式。
4、absolute的containing block计算方式跟正常流有什么不同？
5、CSS里的visibility属性有个collapse属性值是干嘛用的？在不同浏览器下以后什么区别？
6、position跟display、margin collapse、overflow、float这些特性相互叠加后会怎么样？
7、对BFC规范(块级格式化上下文：block formatting context)的理解？
8、CSS权重优先级是如何计算的？
9、请解释一下为什么会出现浮动和什么时候需要清除浮动？清除浮动的方式
10、移动端的布局用过媒体查询吗？
11、使用 CSS 预处理器吗？喜欢那个？
12、CSS优化、提高性能的方法有哪些？
13、浏览器是怎样解析CSS选择器的？
14、在网页中的应该使用奇数还是偶数的字体？为什么呢？
15、margin和padding分别适合什么场景使用？
16、抽离样式模块怎么写，说出思路，有无实践经验？[阿里航旅的面试题]
17、元素竖向的百分比设定是相对于容器的高度吗？
18、全屏滚动的原理是什么？用到了CSS的那些属性？
19、什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的IE？
20、视差滚动效果，如何给每页做不同的动画？（回到顶部，向下滑动要再次出现，和只出现一次分别怎么做？）
21、::before 和 :after中双冒号和单冒号 有什么区别？解释一下这2个伪元素的作用。
22、如何修改chrome记住密码后自动填充表单的黄色背景 ？
23、你对line-height是如何理解的？
24、设置元素浮动后，该元素的display值是多少？（自动变成display:block）
25、怎么让Chrome支持小于12px 的文字？
26、让页面里的字体变清晰，变细用CSS怎么做？（-webkit-font-smoothing: antialiased;）
27、font-style属性可以让它赋值为“oblique” oblique是什么意思？
28、position:fixed;在android下无效怎么处理？
29、如果需要手动写动画，你认为最小时间间隔是多久，为什么？（阿里）
30、display:inline-block 什么时候会显示间隙？(携程)
31、overflow: scroll时不能平滑滚动的问题怎么处理？
32、有一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度。
33、png、jpg、gif 这些图片格式解释一下，分别什么时候用。有没有了解过webp？
34、什么是Cookie 隔离？（或者说：请求资源的时候不要让它带cookie怎么做）
35、style标签写在body后与body前有什么区别？
四、JavaScript
1、介绍JavaScript的基本数据类型。
2、说说写JavaScript的基本规范？
3、JavaScript原型，原型链 ? 有什么特点？
4、JavaScript有几种类型的值？（堆：原始数据类型和 栈：引用数据类型），你能画一下他们的内存图吗？
5、Javascript如何实现继承？
6、Javascript创建对象的几种方式？
7、Javascript作用链域?
8、谈谈This对象的理解。
9、eval是做什么的？
10、什么是window对象? 什么是document对象?
11、null，undefined的区别？
12、写一个通用的事件侦听器函数(机试题)。
13、[“1”, “2”, “3”].map(parseInt) 答案是多少？
14、关于事件，IE与火狐的事件机制有什么区别？ 如何阻止冒泡？
15、什么是闭包（closure），为什么要用它？
16、javascript 代码中的”use strict”;是什么意思 ? 使用它区别是什么？
17、如何判断一个对象是否属于某个类？
18、new操作符具体干了什么呢?
19、用原生JavaScript的实现过什么功能吗？
20、Javascript中，有一个函数，执行时对象查找时，永远不会去查找原型，这个函数是？
21、对JSON的了解？
22、[].forEach.call($$("*"),function(a){ a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16) }) 能解释一下这段代码的意思吗？
23、js延迟加载的方式有哪些？
24、Ajax 是什么? 如何创建一个Ajax？
25、同步和异步的区别?
26、如何解决跨域问题?
27、页面编码和被请求的资源编码如果不一致如何处理？
28、模块化开发怎么做？
29、AMD（Moles/Asynchronous-Definition）、CMD（Common MoleDefinition）规范区别？
30、requireJS的核心原理是什么？（如何动态加载的？如何避免多次加载的？如何 缓存的？）
31、让你自己设计实现一个requireJS，你会怎么做？
32、谈一谈你对ECMAScript6的了解？
33、ECMAScript6 怎么写class么，为什么会出现class这种东西?
34、异步加载的方式有哪些？
35、documen.write和 innerHTML的区别?
36、DOM操作——怎样添加、移除、移动、复制、创建和查找节点?
37、.call() 和 .apply() 的含义和区别？
38、数组和对象有哪些原生方法，列举一下？
39、JS 怎么实现一个类。怎么实例化这个类
40、JavaScript中的作用域与变量声明提升？
41、如何编写高性能的Javascript？
42、那些操作会造成内存泄漏？
43、JQuery的源码看过吗？能不能简单概况一下它的实现原理？
44、jQuery.fn的init方法返回的this指的是什么对象？为什么要返回this？
45、jquery中如何将数组转化为json字符串，然后再转化回来？
46、jQuery 的属性拷贝(extend)的实现原理是什么，如何实现深拷贝？
47、jquery.extend 与 jquery.fn.extend的区别？
48、jQuery 的队列是如何实现的？队列可以用在哪些地方？
49、谈一下Jquery中的bind(),live(),delegate(),on()的区别？
50、JQuery一个对象可以同时绑定多个事件，这是如何实现的？
51、是否知道自定义事件。jQuery里的fire函数是什么意思，什么时候用？
52、jQuery 是通过哪个方法和 Sizzle 选择器结合的？（jQuery.fn.find()进入Sizzle）
53、针对 jQuery性能的优化方法？
54、Jquery与jQuery UI有啥区别？
55、JQuery的源码看过吗？能不能简单说一下它的实现原理？
56、jquery 中如何将数组转化为json字符串，然后再转化回来？
57、jQuery和Zepto的区别？各自的使用场景？
58、针对 jQuery 的优化方法？
59、Zepto的点透问题如何解决？
60、jQueryUI如何自定义组件?
61、需求：实现一个页面操作不会整页刷新的网站，并且能在浏览器前进、后退时正确响应。给出你的技术实现方案？
62、如何判断当前脚本运行在浏览器还是node环境中？（阿里）
63、移动端最小触控区域是多大？
64、jQuery 的 slideUp动画 ，如果目标元素是被外部事件驱动, 当鼠标快速地连续触发外部元素事件, 动画会滞后的反复执行，该如何处理呢?
65、把 Script 标签 放在页面的最底部的body封闭之前 和封闭之后有什么区别？浏览器会如何解析它们？
66、移动端的点击事件的有延迟，时间是多久，为什么会有？ 怎么解决这个延时？（click 有 300ms 延迟,为了实现safari的双击事件的设计，浏览器要知道你是不是要双击操作。）
67、知道各种JS框架(Angular, Backbone, Ember, React, Meteor, Knockout…)么? 能讲出他们各自的优点和缺点么?
68、Underscore 对哪些 JS 原生对象进行了扩展以及提供了哪些好用的函数方法？
69、解释JavaScript中的作用域与变量声明提升？
70、那些操作会造成内存泄漏？
71、JQuery一个对象可以同时绑定多个事件，这是如何实现的？
72、Node.js的适用场景？
(如果会用node)知道route, middleware, cluster, nodemon, pm2, server-side rendering么?
73、解释一下 Backbone 的 MVC 实现方式？
74、什么是“前端路由”?什么时候适合使用“前端路由”? “前端路由”有哪些优点和缺点?
75、知道什么是webkit么? 知道怎么用浏览器的各种工具来调试和debug代码么?
76、如何测试前端代码么? 知道BDD, TDD, Unit Test么? 知道怎么测试你的前端工程么(mocha, sinon, jasmin, qUnit..)?
77、前端templating(Mustache, underscore, handlebars)是干嘛的, 怎么用?
78、简述一下 Handlebars 的基本用法？
79、简述一下 Handlerbars 的对模板的基本处理流程， 如何编译的？如何缓存的？
80、用js实现千位分隔符?(来源：前端农民工，提示：正则+replace)
检测浏览器版本版本有哪些方式？
81、我们给一个dom同时绑定两个点击事件，一个用捕获，一个用冒泡，你来说下会执行几次事件，然后会先执行冒泡还是捕获
E. 如何拿到阿里巴巴，百度，腾讯的前端实习生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 的话，就只有硬着头皮尽量靠拢。
就像国内很多大厂里比较着名的前端们文章/博客/知乎里提到过的一样，前端这块水不是很深，但水非常非常宽，在考虑将来作为一个前端如何发展如何应对天花板之前，先要脚踏实地把这些属于前端的“本分”的东西搞好。事实上前面提到的这些东西我也没有全都做到。作为前端，个人觉得最重要的是要保持一颗开放、谦卑的心，不要抵触新东西，永远记得外面的世界还有很多东西自己不懂，要继续学习。
F. 前端面试一问三不知怎么办
前端面试一问三不知的时候，千万别慌乱，可以先停一停和面试官说这个问题你需要思考一下再回答，或者说你因为太紧张之类的一时想不起来答案。
有些面试官会直接电话过去要求面试，由于面试者(尤其是学生)处于弱势方，可能并不会拒绝面试要求，但并不意味着面试者处于最佳的物理和精神状态下，有可能会导致面试者不能很好的发挥自己原有的实力。所以如果面试官突然打电话过来。
没有准备好的话，不要怕冒犯面试官，一定要另外约个时间，面试官肯定会再打过来的。遭到否定面试官有可能会否定你描述的一些东西，有可能是你字眼写的太过，比如将“熟悉”的东西写成了“精通”，勾起了面试官的“好奇”。
有可能故意试压，考验你的反应，但遇到否定的时候，不要急于反驳或者是手足无措，而是询问自省和主动讨论。气场不和有的面试官性格严谨沉闷，而面试者可能思维活跃，整个面试过程可能会变成面试官不停的打断面试者让其思维聚焦。
而面试者感到思维不停被打断，很是气恼，影响发挥。这种情况不可避免，但遇到这样的面试官，请保持谦和的态度，重点是展示自己技术的广度、深度，气场不和并不会产生决定性的影响，面试官也不会因为这样的原因而给与错误的评判。
尽量留下好的印象。结束通知有的面试官会在面试结束后说：“我的问题问完了，如果有进一步消息的话，我们会再联系你”。面试的大部分结果，其实当场就出来了，如果你感觉给出结果的时间点不够明确，可以反问他：“如果三天内没有联系，是不是就代表没有通过？”省得让你怀有不确切的希望。
最后，还可以挽留下面试官，讲讲这场面试中你的一些疑惑，获得面试官的反馈，也可以知道自己目前哪一方面做得不足。面试中面对不会的问题面试中遇到问题不会回答，这是非常正常的，毕竟大家在学习过程中遇到的问题，跟我们在工作中遇到的问题是非常不一样的。
除此之外，我们看问题的角度，也是有差别很大的。举个例子，很多人都在看ReactFiber，但是如果问你们，为什么要有Fiber这个东西，可能很多人都回答不上来，因为大家只在社区里面看到说，Fiber是怎么工作的啊。
但是为什么要有Fiber？如果没有会怎样，而这种思考，其实是非常底层的。我相信，很多人可能都没有思考过。那如果遇到的问题不会，你可以先选择不会，说我觉得自己没有信心能答出这个问题，当然我更希望听到你说。
我现在不会，但是你给我两分钟思考一下，我想一下这个问题有没有答案？我觉得这是一个很好的思考习惯，首先你在面对不会的东西是坦然的，我当下不会，很正常，我之前没有思考过这个问题嘛，那我们再花两分钟思考一下。
给一个初步的答案。所以说遇到问题，也不用不会就不会，也可以有一个积极的方式回应。从面试官的角度来说，面试中考察的题目，并不是仅仅考察这道题目本身，题目的对错并不跟最终结果直接挂钩。面试官更希望以题目为契机。
考察面试者分析问题，解决问题的能力，以及交流过程中所体现的逻辑推理和思维方式等。跟面试官聊业务业务跟项目是完全不一样的东西，业务认知和思考也是很重要的一个考察点，这方面面试官可能会问两个点：业务场景和技术突破。
业务场景：面试官会询问面试者他们的产品、业务模式、商业模式等，了解下面试者对于产品的诞生、定位、发展的认知。技术突破：技术与业务相结合这点在阿里也是一直在说但鲜有人做的非常好的地方，所以有的时候也会考察面试者。
看看他们所做的技术是如何从业务出发、给业务带来了哪些改变以及如何去评估两者之间产生的结果。面试结束反向互动面试官在挂断之前，基本会给与候选人反问的机会，一般会表述为“你有什么要问我的吗”？无论面试的怎样。
都希望你能说出心中的疑惑，比如面试中的某个题目、整体的评价反馈、你的建议或者了解所负责的业务，所在的团队等等，而从面试官的角度来看，如果候选人愿意反问你问题，至少能证明他是个好学的人。所以不要放弃这个互动的机会。
面试反馈每场面试结束后，面试官都会在系统里留下面试反馈，如果面试失败，简历会放在人才库里，很多人会在其中捞取简历，以后的面试官也可以看到之前所有的面试记录，之所以讲到这一点，是希望大家在面试中能够保持谦和积极的心态。
认真面对每一场面试，即使这场面试没有成功，但如果展示了好的品质，也会增加被发掘的机会，为你以后面试成功铺路。保持联络如果跟面试官聊的比较好，可以请求加个微信之类的，面试是一个长期的事情，哪怕此次面试没有通过。
以后还可能面试进来的，与面试官保持联络。前端面试题笔记面试会了，面试题也不能落下，这套面试笔记除了有CSS、JS、Vue、React、性能优化、服务器端口、设计模式、数据结构和算法面试题外，加了手写代码面试题。
这下面试官让我们写代码也不怕啦！CSS问题flex布局css3的新特性img中alt和title的区别用纯CSS创建一个三角形如何理解CSS的盒子模型？如何让一个div水平居中如何让一个div水平垂直居中如何清除浮动。
G. 如何看待阿里2016校招研发工程师笔试题题目
你问的太笼统了，阿里的在线笔试根据报的意向岗位不同，题有些不一样，但是只要报研发岗的，前20道单选中至少有15道是智力题，设计具体技术很少，考智力的；后面还有80分钟3到附加题，考察对应技术的，不一定非要写出完整代码，但要提供思路；
H. 阿里巴巴的招聘流程，技术岗位一般几轮面试
阿里巴巴招聘技术岗位的流程:
依次进行三轮面试：初面、复面、以及hr面。
每通过一轮即可进入下一轮，三轮全过即为通过。
(8)阿里前端校招题扩展阅读
面试技巧
招聘中的“经典七问”
招聘过程中常要问到的问题极其释义总结如下：
以往工作中您的职责是什么？――如果描述不清，可见即使有相关工作经验，其系统性全面性也值得怀疑。
请讲一下您以往的工作经历。――考察应聘者的语言组织及表达能力，以及描述的条理化。
您以往的工作经历中最得意最成功的一件事是什么？您的长处是什么？――从应聘者的回答中，可了解他是注重个人成功还是注重团队协作。
您感觉还有哪方面的知识、技能或能力需要提升？――“提升”一词比较委婉，一方面考察其态度是否坦诚，另一方面，也为日后的员工培训增强针对性。
对于新的工作岗位您有什么设想？如何开展工作？――这涉及到员工的职业生涯设计，更有关员工工作的稳定性。
您离职的原因是什么？――这是必须要问的问题，涉及员工和组织的融合性。
您对薪金待遇和福利有什么要求？――这个问题的重要性更是不必多言。
I. 前端面试要点
想要通过前端面试顺利进入一线大厂成就高薪前端梦。那么首先，我们得知道前端面试中，社招和校招究竟有啥区别？
对于前端开发来说，如果说社招更看重对前端技术体系的深入理解，以及解决问题的能力话，那校招更看重的其实是基本功和学习能力（或者说是潜力）。
但其实，无论是社招还是校招，面试的时候都会问到一些曾经操作过的项目，尤其是大厂，或者热门高薪部门，面试官除必问的技术经验外，也会对技术深度进行一个基础的考核，那在这种情况下如何hold住大厂面试呢？
前端面试三要素：简历、个人介绍、技术能力。下面，就来分别聊一聊。
1、简历筛选关：
HR一般会去看简历中所提的技术栈是否匹配，怎么看呢？我们可以抓住简历中的技术名词，一般来说如果一点技术名词都没有提到，那么大概有以下几种可能：很水、很牛但概率很小、不会写简历。所以，一部分人可能会因为简历的问题没有了面试机会，这点是需要非常注意的。
2、个人介绍关：
通过了简历筛选阶段，就真正到了面试环节。这时候一定要准备好一段最多3分钟的个人介绍。请注意，最多3分钟！言简意赅的说明自己的工作时间，擅长技术栈和自己的工作预期。
3、项目经验表达：
对前端开发学习者而言，JS并不陌生，但大厂的JS面试题却总是显得很“陌生”，怎么样能够真正做到深入理解与高级应用？这不仅是面试过程中对前端求职者的要求，也是大多数前端开发者的痛点。
大厂面试中，面试官除了关注你的项目经验外，还往往喜欢和面试者深入探讨前端某些技术领域成体系的前端知识。比如：模块化、异步解决方案、网络、框架及原理、线程等，但在与面试官的正面battle中，求职者总会败下阵来。
所以，建议大家在Web前端面试前一定要注重这三个方面的内容。注重了这些想找找到一份适合的Web前端开发工作并不是难事。
J. 前端怎么面试才能拿到高薪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 的话，就只有硬着头皮尽量靠拢。
就像国内很多大厂里比较着名的前端们文章/博客/知乎里提到过的一样，前端这块水不是很深，但水非常非常宽，在考虑将来作为一个前端如何发展如何应对天花板之前，先要脚踏实地把这些属于前端的“本分”的东西搞好。事实上前面提到的这些东西我也没有全都做到。作为前端，个人觉得最重要的是要保持一颗开放、谦卑的心，不要抵触新东西，永远记得外面的世界还有很多东西自己不懂，要继续学习。