如何判断前端开发能力?

一般来说会问如下几方面的问题:

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

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

  • 描述一个你遇到过的技术问题,你是如何解决的?
    • 这个问题很常见,有没有遇到过很不常见的问题?比如在网上根本搜不到解决方法的?
  • 是否有设计过通用的组件?
    • 请设计一个 Dialog(弹出层) / Suggestion(自动完成) / Slider(图片轮播) 等组件
    • 你会提供什么接口?
    • 调用过程是怎样的?可能会遇到什么细节问题?
    • 技术二面主要判断技术深度及广度

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

      考查要点:
      • 对Web标准的理解
      • 浏览器差异
      • CSS基本功:布局、盒模型、选择器优先级及使用等
      • Javascript 基础、JS面向对象实现原理、闭包机制、作用域
      通常可以做一些小练习来判断TA的水平,js 虽然很灵活,但是具体的实现方式能体现出一个人的全局观,随着代码规模的增长,复杂度增加,如何合理划分模块实现功能和接口的能力比较重要。这里有一份前不久我出的试题,难度不算大,另存为html
       
       
      自己总结的面试题,感兴趣的看下。
      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 扩展(以扩展的形式添加一些为提高用户体验的附加功能)开发经验者;



原文地址:https://www.cnblogs.com/jasmine1314/p/5367521.html