如何判断前端开发能力？
一般来说会问如下几方面的问题：
- 做过最满意的项目是什么？
-
项目背景
- 为什么要做这件事情？
- 最终达到什么效果？
- 你处于什么样的角色，起到了什么方面的作用？
- 在项目中遇到什么技术问题？具体是如何解决的？
- 如果再做这个项目，你会在哪些方面进行改善？
技术一面主要判断对基础知识的掌握
-
描述一个你遇到过的技术问题，你是如何解决的？
- 这个问题很常见，有没有遇到过很不常见的问题？比如在网上根本搜不到解决方法的？
-
是否有设计过通用的组件？
- 请设计一个 Dialog（弹出层） / Suggestion（自动完成） / Slider（图片轮播） 等组件
- 你会提供什么接口？
- 调用过程是怎样的？可能会遇到什么细节问题？
-
技术二面主要判断技术深度及广度
-
你最擅长的技术是什么？
- 你觉得你在这个技术上的水平到什么程度了？你觉得最高级别应该是怎样的？
-
浏览器及性能
-
一个页面从输入 URL 到页面加载完的过程中都发生了什么事情？越详细越好
- （这个问既考察技术深度又考察技术广度，其实要答好是相当难的，注意越详细越好）
-
谈一下你所知道的页面性能优化方法？
- 这些优化方法背后的原理是什么？
- 除了这些常规的，你还了解什么最新的方法么？
- 如何分析页面性能？
-
一个页面从输入 URL 到页面加载完的过程中都发生了什么事情？越详细越好
-
其它
- 除了前端以外还了解什么其它技术么？
- 对计算机基础的了解情况，比如常见数据结构、编译原理等
- 最近在学什么？接下来半年你打算学习什么？
- 做什么方面的事情最让你有成就感？需求设计？规划？具体开发？
- 后续想做什么？3 年后你希望自己是什么水平？
- 在之前做过的项目中，有没有什么功能或改进点是由你提出来的？
- 是否有参与和改进其它开源项目
考查要点：
- 对Web标准的理解
- 浏览器差异
- CSS基本功：布局、盒模型、选择器优先级及使用等
- Javascript 基础、JS面向对象实现原理、闭包机制、作用域
自己总结的面试题，感兴趣的看下。
HTML+CSS
1、盒子模型，块级元素和行内元素特性与区别。
2、行内块的使用，兼容性解决。
3、清除浮动的方式以及各自的优劣。
4、文档流的概念、定位的理解以及z-index计算规则&浏览器差异性。
5、CSS选择器以及优先级计算。
6、常用的CSS hack。
7、遇到的兼容性问题与解决方法。
8、垂直水平居中的实现方式。
9、常用布局的实现（两列布局、三列适应布局，两列等高适应布局等）。
Javascript
1、犀牛书封面的犀牛属于神马品种？（蛋逼活跃气氛用。。。）
2、常用的浏览器内核。
3、常用的DOM操作，新建、添加、删除、移动、查找等。
4、String于Array常用方法。
5、设备与平台监测。
6、DOM的默认事件、事件模型、事件委托、阻止默认事件、冒泡事件的方式等。
7、jQuery的bind、live、on、delegate的区别（考察点与上一条重叠，切入点不同）。
8、JS变量提升、匿名函数、原型继承、作用域、闭包机制等。
9、对HTTP协议的理解。
10、Ajax的常用操作，JS跨域的实现原理。HTML:
- 语义标签
- 语义化
CSS:
- 动态居中
- 动画
- Bootstrap 样式类
- Preprocessor
- 兼容性 Hack与特征检测
- CSS3属性与性能
JS:
- Name hoisting
- Prototype
- Closure
- Main loop
- Promise
- Delegation
- Cross domain
Mobile:
- 渐进增强
- 移动端交互
- 兼容性问题
- Debug工具 方法
性能:
- JS
- Cache control
- 性能测试
---------
开发者 - 行业视野
Libs and Frameworks
NodeJS
开发工具与效率
Workflow - Grunt and all
Github
Sites Projects Blogs
---------
工程师 - 产品与团队
Architecture
UT E2E
响应式设计
系统化设计
需求评审
代码管理 - Git SVN 运维
项目管理 - 项目评估 任务分解 追踪方法
团队管理 - 标准 流程 文档建设
技术影响力
职业发展规划
----------------------
面试者提问
对面试的评价
理解偏差最大的地方
擅长却没有发挥出来的地方
期望薪资
期望职责
1. 主体是看简历发挥，对方写什么就问什么为主：框架、库、浏览器工作原理、NLP、算法、HTTP...
2. 辅助问题几乎是我个人必备的问题：为什么做前端，学习前端过程。1、跟什么人在一起工作
2、过去项目的挑战
3、自学的途径
3个问题基本上就知道这个人的能力水平和瓶颈了，人的很多局限都是被环境限制的，通过闲聊中夹杂的不经意的问题，候选人的画像就已经很鲜明了。处于当前的环境多长时间，有没有突破环境限制的行动，就能评估出潜力和眼界。
什么浏览器兼容、作用域、框架等等的东西不会，不记得都可以学，要不了多长时间，关键还是有没有潜力、有没有好的习惯。
我个人认为比较重要的有以下几点：- 热情。前端涉及的知识比较复杂，职业定位非常模糊，需要有足够的热情去完善各个浏览器的兼容性，去推动与RD、PM、UI的协作，最终产出漂亮的产品。
- 基础。这方面前面已经讲的非常好了，我补充一点：我们会更关注面试者本身学习的方法和深度。例如对于资深面试者会问一些诸如Execution Context、Block Formatting Context之类的问题。理想中的面试者应该具有知其所以然的探索精神。
- 潜力。我们希望能够找到很有潜力的工程师，例如有很好的计算机基础、ACMer、Unix爱好者、Design爱好者等等。
如果是我，我会问“js如何实现多重继承”，然后再由这个问题联系到原型链，new机制，函数，作用域链，this，闭包，这些问题可以看出应聘者是不是真正会js还是披着java/c++外衣以为会js。再高级的我会问js设计模式，mvc模式。前端工程师，主要工作内容与用户界面的表现紧密联系，但均为在图形上或以其为基础通过某种实现方式去正确、准确呈现什么。之所以以“主要工作”修饰，是因为 node.js / io.js 的出现与发展致使前端被引入服务器端性质的工作内容。
在能力方面：
- 对 HTML / CSS / JavaScript 具有专家级别的知识；
- 有较熟练使用 AngularJS / Ember.js / jQuery 或者其它类库的经验；
- 较熟悉第三方组件（插件）生态环境及具体案例；
- 有较熟练使用 Jade / Swig / Handlebars / Mustache 或者其它模板引擎的经验；
- 有较熟练使用 SASS 或者其它 CSS 预处理器的经验；
- 有较熟练使用 CoffeeScript 的经验；
- 对 CSS / JavaScript 设计模式有很好的认识及应用；
- 对常用数据结构和算法熟悉；
- 有使用 GruntJS / GulpJS 任务运行器的经验；
- 有使用 Yeoman 生成器的经验；
- 有诸如 Bower / Volo / JSPM 等前端静态资源包管理器使用经验；
- 熟悉本地及远程（甄姬）调试操作；
- 有 Git 的使用经验；
意识驱动行为，所以：
- 有自己的技术信仰；
- 有渴望尝试新技术的强烈愿景及较强的主观学习、客观探索能力；
- 拥有令人难以置信的关注细节的精神；
- 在诸如 Github、Sitepoint 等这样的技术社区活动；
因为你不是一个人工作，并且要对一个产品付之责任心，所以：
- 有良好的编程风格和文档习惯；
- 对模块化开发及相关标准有很好的认识及应用；
- 有对网页标准和标准制定机构重要性较深刻的理解；
- 建站过程中考虑其它诸如UI、安全性、高性能、SEO、可维护性以及技术因素等方面；
- 有跨浏览器（主：兼容性）、跨设备（主：响应式）开发并测试页面的经验；
- 对网格在WEB设计中的应用有深刻的理解，以及具备系统（有组织）地实现出来的能力；
- 能够独立工作并做出正确的抉择；
- 能够适应不断变化的更新 / 扩展 / 改版需求，同时处理多个项目；
- 能够提供准确的定时估计工作（适应准时交付管理法则）；
- 有与服务器端程序开发人员协同工作的经验；
- 能够（熟练）阅读英文资料；
- 有一定的工作压力承受能力；
然后再为自己从长远打算及加分：
- 有 NodeJS Web / 服务器 / 客户端应用程序设计、开发、优化经验；
- 有 MangoDB / Redis 等No SQL 数据库设计、实现、维护经验；
- 有使用 PhoneGap / Apache Cordova 进行移动应用开发经验；
- 有浏览器 Addon 扩展（以扩展的形式添加一些为提高用户体验的附加功能）开发经验者；
-
你最擅长的技术是什么？