如何判断前端开发能力？

通常来讲会问以下几方面的问题：

• 作过最满意的项目是什么？
• 项目背景
  • 为何要作这件事情？
  • 最终达到什么效果？
• 你处于什么样的角色，起到了什么方面的做用？
• 在项目中遇到什么技术问题？具体是如何解决的？
• 若是再作这个项目，你会在哪些方面进行改善？

技术一面主要判断对基础知识的掌握

• 描述一个你遇到过的技术问题，你是如何解决的？
  • 这个问题很常见，有没有遇到过很不常见的问题？好比在网上根本搜不到解决方法的？
• 是否有设计过通用的组件？
  • 请设计一个 Dialog（弹出层） / Suggestion（自动完成） / Slider（图片轮播） 等组件
  • 你会提供什么接口？
  • 调用过程是怎样的？可能会遇到什么细节问题？

  • 技术二面主要判断技术深度及广度

    • 你最擅长的技术是什么？
      • 你以为你在这个技术上的水平到什么程度了？你以为最高级别应该是怎样的？
    • 浏览器及性能
      • 一个页面从输入 URL 到页面加载完的过程当中都发生了什么事情？越详细越好
        • （这个问既考察技术深度又考察技术广度，其实要答好是至关难的，注意越详细越好）
      • 谈一下你所知道的页面性能优化方法？
        • 这些优化方法背后的原理是什么？
        • 除了这些常规的，你还了解什么最新的方法么？
      • 如何分析页面性能？
    • 其它
      • 除了前端之外还了解什么其它技术么？
      • 对计算机基础的了解状况，好比常见数据结构、编译原理等
    兴趣相关
    • 最近在学什么？接下来半年你打算学习什么？
    • 作什么方面的事情最让你有成就感？需求设计？规划？具体开发？
    • 后续想作什么？3 年后你但愿本身是什么水平？
    主动性相关
    • 在以前作过的项目中，有没有什么功能或改进点是由你提出来的？
    • 是否有参与和改进其它开源项目
    还有些与话题无关我就不转了。
    
    
    考查要点：
    

    • 对Web标准的理解
    • 浏览器差别
    • CSS基本功：布局、盒模型、选择器优先级及使用等
    • Javascript 基础、JS面向对象实现原理、闭包机制、做用域

    一般能够作一些小练习来判断TA的水平，js 虽然很灵活，可是具体的实现方式能体现出一我的的全局观，随着代码规模的增加，复杂度增长，如何合理划分模块实现功能和接口的能力比较重要。这里有一份前不久我出的试题，难度不算大，另存为html

     

     

    本身总结的面试题，感兴趣的看下。
    HTML+CSS
    一、盒子模型，块级元素和行内元素特性与区别。
    二、行内块的使用，兼容性解决。
    三、清除浮动的方式以及各自的优劣。
    四、文档流的概念、定位的理解以及z-index计算规则&浏览器差别性。
    五、CSS选择器以及优先级计算。
    六、经常使用的CSS hack。
    七、遇到的兼容性问题与解决方法。
    八、垂直水平居中的实现方式。
    九、经常使用布局的实现（两列布局、三列适应布局，两列等高适应布局等）。
    Javascript
    一、犀牛书封面的犀牛属于神马品种？（蛋逼活跃气氛用。。。）
    二、经常使用的浏览器内核。
    三、经常使用的DOM操做，新建、添加、删除、移动、查找等。
    四、String于Array经常使用方法。
    五、设备与平台监测。
    六、DOM的默认事件、事件模型、事件委托、阻止默认事件、冒泡事件的方式等。
    七、jQuery的bind、live、on、delegate的区别（考察点与上一条重叠，切入点不一样）。
    八、JS变量提高、匿名函数、原型继承、做用域、闭包机制等。
    九、对HTTP协议的理解。
    十、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. 辅助问题几乎是我我的必备的问题：为何作前端，学习前端过程。

    一、跟什么人在一块儿工做
    二、过去项目的挑战
    三、自学的途径
    
    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 扩展（以扩展的形式添加一些为提升用户体验的附加功能）开发经验者；