您的位置:首页 > Web前端

如何判断前端开发能力?

2016-04-08 12:31 92 查看
一般来说会问如下几方面的问题:

做过最满意的项目是什么?

项目背景

为什么要做这件事情?

最终达到什么效果?

你处于什么样的角色,起到了什么方面的作用?

在项目中遇到什么技术问题?具体是如何解决的?

如果再做这个项目,你会在哪些方面进行改善?

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

描述一个你遇到过的技术问题,你是如何解决的?

这个问题很常见,有没有遇到过很不常见的问题?比如在网上根本搜不到解决方法的?

是否有设计过通用的组件?

请设计一个 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 扩展(以扩展的形式添加一些为提高用户体验的附加功能)开发经验者;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: