前端面试题集锦——项目管理

开发性问题

对前端工程师这个职位是怎么样理解的？它的前景会怎么样？

前端是最贴近用户的程序员，比后端、数据库、产品经理、运营、安全都近。

1、实现界面交互

2、提升用户体验

3、有了Node.js，前端可以实现服务端的一些事情

前端的能力就是能让产品从 90分进化到 100 分，甚至更好，

参与项目，快速高质量完成实现效果图，精确到1px；

与团队成员，UI设计，产品经理的沟通；

做好的页面结构，页面重构和用户体验；

处理hack，兼容、写出优美的代码格式；

针对服务器的优化、拥抱最新前端技术。

你觉得前端工程的价值体现在哪

• 为简化用户使用提供技术支持（交互部分）

• 为多个浏览器兼容性提供支持

• 为提高用户浏览速度（浏览器性能）提供支持

• 为跨平台或者其他基于webkit或其他渲染引擎的应用提供支持

• 为展示数据提供支持（数据接口）

前端到底工作内容是什么？和UI有什么区别？

Web前端：主要讲UI提供的设计图，编码成静态html，实现所有特效;并负责所有交互的对接，对js要求较高

UI:主要对移动端和网页的设计

你用的得心应手用的熟练的编辑器&开发环境是什么样子？

• webstorm + 相关插件编写前端代码
• Google chrome 、Mozilla Firefox浏览器 +firebug 兼容测试和预览页面UI、动画效果和交互功能
• Node.js+Gulp
• git 用于版本控制和Code Review

常用调试和优化工具？

• Firebug+YSlow+其它Firefox扩展
• 浏览器自带工具，IE Developer Toolbar，OperaDragonfly
• Fiddler
• HTTP Analyzer
• HttpWatch
• Web Developer
• Web Accessibility Toolbar
• Profiler, JSPerf（http://jsperf.com/nexttick-vs-setzerotimeout-vs-settimeout）, Dromaeo工具来测试代码的性能

如何测试前端代码么? 知道BDD, TDD, Unit Test么? 知道怎么测试你的前端工程么(mocha, sinon, jasmin, qUnit…)?

常使用的库有哪些？常用的前端开发工具？开发过什么应用或组件？

你遇到过比较难的技术问题是？你是如何解决的？

除了前端以外还了解什么其它技术么？你最最厉害的技能是什么？

说说最近最流行的一些东西吧？常去哪些网站？

ES6\WebAssembly\Node\MVVM\Web Components\React\React Native\Webpack 组件化

优秀的博客，掘金，github，http://www.daqianduan.com

什么叫代码部署？如何部署？

代码部署就是把开发好的网站代码放到应用服务器上对外提供服务、部署方式根据编程语言的不同而不同，但是大体的流程是一致的，生产环境主要是通过命令加配置文件的形式进行部署

你认为怎样才是全端工程师（Full Stack developer）？

介绍一个你最得意的作品吧？

你有自己的技术博客吗，用了哪些技术？

你怎么看待Web App 、hybrid App、Native App？

你移动端前端开发的理解？（和 Web 前端开发的主要区别是什么？）

移动端（Android IOS）怎么做好用户体验?

清晰的视觉纵线、信息的分组、极致的减法、利用选择代替输入、标签及文字的排布方式、依靠明文确认密码、合理的键盘利用

简单描述一下你做过的移动APP项目研发流程？

最近在学什么？能谈谈你未来3，5年给自己的规划吗？

原来公司工作流程是怎么样的，如何与其他人协作的？如何跨部门合作的？

你在现在的团队处于什么样的角色，起到了什么明显的作用？

如何管理前端团队?

• 先期团队必须确定好全局样式（globe.css），编码模式(utf-8) 等；

• 编写习惯必须一致（例如都是采用继承式的写法，单样式都写成一行）；

• 标注样式编写人，各模块都及时标注（标注关键样式调用的地方）；

• 页面进行标注（例如 页面 模块 开始和结束）；

• CSS跟HTML 分文件夹并行存放，命名都得统一（例如style.css）；

• JS 分文件夹存放 命名以该JS功能为准的英文翻译；

• 图片采用整合的 images.png png8 格式文件使用，尽量整合在一起使用方便将来的管理

你对加班的看法？

加班就像借钱，原则应当是------救急不救穷

当团队人手不足，把功能代码写完已经需要加班的情况下，你会做前端代码的测试吗？

请谈谈项目的迭代周期？

所谓项目，简单地说，就是在既定的资源和要求的约束下，为实现某种目的而相互联系的一次性工作任务。一般来说，项目具有如下的基本特征：

1）明确的目标。其结果只可能是一种期望的产品，也可能是一种所希望得到的服务。

2）独特的性质。每一个项目都是唯一的。

3）资源成本的约束性。每一项目都需要运用各种资源来实施，而资源是有限的。

4）项目实施的一次性。项目不能重复。

5）项目的不确定性。在项目的具体实施中，外部和内部因素总是会发生一些变化，因此项目也会出现不确定性。

软件项目开发，一般都会采用增量、迭代、（或者叫进化、演化、演进）的软件开发模型，众多的软件开发模型大多是以经典的瀑布模型为基础进行改进、变形，改进原则是：增加客户在整个项目周期中的参与度，降低软件开发过程中的风险，增强软件项目的后期可维护性。

不同的软件开发模型，迭代周期长短也不相同，有的是一个月，有的是两周，我们一般都是根据实际情况确定，一个周期完成，将项目成果（可运行的软件）提交给用户（或进行内部评审），通过后就进入下一个迭代开发周期。

请概述一下你上家公司中项目的具体情况(工作所使用的技术,业务流程,周期)？

我在上家公司做的的网站pc端页面的开发与维护。

主要技术：利用div+css布局，对用户注册页面开发，利用ajax技术与后台进行数据交互，使用Validation插件进行表单验证；使用bootstrap/zepto框架开发移动端页面，解决移动端设备的适配问题；侧边菜单栏的开发;利用css3完成轮播图动画

业务流程：根据需求分析，进行详细的总体设计，产生各栏目文件夹的结构图，根据美工的表现需要，设计静态网页和其它动态页面界面框架，程序员进行代码开发，做一些必要的测试，由项目组共同联调测试，发现bug，完善一些具体的细节。

周期：3个月