高级前端工程师的标准

不同公司，不同岗位，不同业务背景对优秀前端的要求可能会有差异，我们以阿里巴巴淘系技术部的一则JD为例，来拆解一下，不同级别的前端工程师应该具备什么样的技能。JD业务背景淘宝内部最大创新项目之一，大团队已有百人规模，大部分项目处于保密阶段，前景远大职位描述1.负责组件库与业务页面开发。2.带领团队完成技术产品实现。3.负责大型多应用架构设计。4.利用前端技术与服务端协同完成团队业务目标。职位要求0.掌握图形学，webgl或熟练使用threejs框架，熟练canvas相关渲染及动画操作的优先。1.熟练掌握JavaScript。2.熟悉常用工程化工具，掌握模块化思想和技术实现方案。3.熟练掌握React前端框架，了解技术底层。同时了解vue以及angular等其他框架者优先。4.熟练掌握react生态常用工具，reduxreact-router等。5.熟悉各种Web前端技术，包括HTMLXMLCSS等，有基于Ajax的前端应用开发经验。6.有良好的编码习惯，对前端技术有持续的热情，个性乐观开朗,逻辑性强，善于和各种背景的人合作。7.具有TS移动设备上前端开发NodeJS服务端开发等经验者优先。首先，总览全部的要求，会发现这个职位虽然提到了3d相关的技能，但是大部分却是应用开发相关的能力，所以这个职位并不是想找专业的3d领域同学，而是需要一个工程化能力强，对3d有了解的同学。0.掌握图形学，webgl或熟练使用threejs框架，熟练canvas相关渲染及动画操作的优先。初级：学习过图形学相关知识，知道矩阵等数学原理在动画中的作用，知道三维场景需要的最基础的构成，能用threejs搭3d场景，知道webgl和threejs的关系。知道canvas是干嘛的，聊到旋转能说出canvas的api。知道css动画，css动画属性知道关键字和用法(换句话说，电话面试会当场出题要求口喷css动画，至少能说对大概，而不是回答百度一下就会用)。知道js动画，能说出1~2个社区js动画库，知道js动画和css动画优缺点以及适用场景。知道raf和其他达到60fps的方法。中级：如果没有threejs，你也能基于webgl自己封装一个简单的threejs出来。聊到原理能说出四元数，聊到鼠标操作能提到节流，聊到性能能提到restore，聊到帧说出raf和timeout的区别，以及各自在优化时候的作用。知道怎样在移动端处理加载问题，渲染性能问题。知道如何结合native能力优化性能。知道如何排查性能问题。对chrome动画、3d、传感器调试十分了解。高级：搭建过整套资源加载优化方案，能说明白整体方案的各个细节，包括前端、客户端、服务端分别需要实现哪些功能点、依赖哪些基础能力，以及如何配合。设计并实现过前端动画引擎，能说明白一个复杂互动项目的技术架构，知道需要哪些核心模块，以及这些模块间如何配合。有自己实现的动画相关技术方案产出，这套技术方案必须是解决明确的业务或技术难点问题的。为了业务快速落地而封装一个库，不算这里的技术方案。如果有类似社区方案，必须能从原理上说明白和竞品的差异，各自优劣，以及技术选型的原因。更多的面试知识可以看看b站尚学堂的直播。希望对你有帮助。

个人总结如下：

1、熟练HTML和CSS，是熟练哦；

2、学习ES5，进而ES6，即使浏览器兼容存在问题，但前端工程化时用得着；

3、PWA渐进式web应用，百度一下；

4、SPA，不是桑拿spa，而是单页面应用，及相关理念和JS框架，如MVVM模式，angular、

5、http网络协议，Ajax及json；

6、Bash或powershell命令，node和npm包管理yarn，前端构建工具（如gulp、webpack）

前端三大基础技能HTML、CSS、JS自不必说，这是前端吃饭的东西。

TCPIP、浏览器渲染原理、前端性能优化兼容、PCM端开发、DOM、BOM、计算机原理（基础，一般软件或计算机出身的都知道）等。

就目前社会上需要的而言，除了基础之外，会要求掌握Vue、react、ng、node等一个或多个知识。隐约已经成为了一个事实的标准，但这些知识你可以看出，都是JS，没错都是JS，所以说JS的掌握程度越高，你学习这些框架越轻松，毕竟这些都是API嘛。

还有就是一些npm、yarn、gulp、webpack等工具的使用。

大部分要求是这样的了，团队的技术栈也是围绕着这些。但是对于应届生其实没这么高的要求，基础掌握大致就是不错的了。毕竟应届生大概是什么水平团队都是知道的。能有个工作三五年的老司机有经验吗？可能性不大，毕竟很多东西是需要项目来淬炼的。

高级web前端开发工程师需要能够理解产品需求和视觉文件，分析并设计符合用户习惯的交互界面。以下是我整理的高级web前端开发工程师的基本职责。

高级web前端开发工程师的基本职责1

职责：

1、负责公司微信小程序设计及开发工作;

2、搭建高效集成的前端开发环境;

3、参与开发核心组件，参与部分项目的技术选型;

4、持续的优化前端体验和页面响应速度，并保证兼容性和执行效率;

5、配合后台工程师一起研讨技术实现方案，进行应用及系统整合;

6、完成与工作相关的技术文档编写工作;

7、技术难点的突破和攻关,初级工程师的技术指导

任职要求：

1、计算机相关专业本科及以上学历，3年以上互联网Web前端相关开发经验;

2、熟悉HTML5特性，了解HTML5最新规范，能熟练运用HTML5、CSS3、进行合理的PC端网页制作和构建移动端的WebApp;

4、熟悉掌握HTML CSS Javascript ES6 JSON AJAX等前端开发技术,熟悉主流的前端开发框架;

5、理解前端组件化的开发思想;

6、熟悉交互设计，对可用性、可访问性等用户体验知识有相当的了解和实践经验;

7、从技术和业务角度主动挖掘产品特性，并利用自身设计能力主动提出解决方案;

8、强烈的责任心和团队合作能力，良好的学习能力，逻辑思维能力并且敢于创新和接受挑战。

高级web前端开发工程师的基本职责2

职责：

1. 负责产品(移动端)前端界面的构建，以及各类交互设计与实现;

2. 负责实现产品在不同平台、设备上兼具优质的用户使用体验;

3. 参与产品前端样式和脚本的模块设计及优化;

4. 负责产品项目的前端设计与编写，并参与核心程序模块的编写;

5. 熟悉敏捷开发，编写高质量的，整洁简单，可维护性的代码;构建可重复使用的代码以及公共库;

6. 不断优化现有的产品，努力提高系统速度，稳定性和可扩展性;不端提升用户体验;

7. 参与项目前端工作的协调管理，发现并解决项目相关问题。

任职要求：

1. 大专及以上学历，4年及以上实际前端开发的工作经验;(培训经历不算工作经验)

2. 精通HTML+CSS+JS编程，熟悉HTTP 协议以及浏览器原理;

3. 熟悉主流前端框架，包括但不限于React、Vue等;熟练掌握Vue的优先考虑;

4. 熟悉Web前端MVC架构，熟悉前端模块化开发方案，对前端工程化有深刻理解;

5. 较强责任心和团队协作精神，具备独立解决问题能力;

6. JS性能优化经验者优先。

高级web前端开发工程师的基本职责3

职责：

1. 负责部门Web前端技术框架设计及功能开发;

2. 负责部门Web前端技术定型、制定工作流和新技术调研;

3. 负责公司数据可视化(智慧城市大数据、应急大数据)产品实现。

岗位要求:

1. 三年以上 Web 前端工作经验，熟练掌握Html,css,Javascript，有web gis开发经验优先考虑;

2. 精通css,js对各浏览器兼容，熟悉浏览器性能优化，了解页面渲染原理;

3. 熟练使用主流的JavaScript库或框架(Zepto,Jquery,SeaJs,RequestJ,React,Vue等)，并精通React或者Vue其中一种;

4. 熟悉前端自动化工程(Fis, Grunt, Gulp, Webpack等)，熟悉svn或者git代码管理及工作流，熟悉常见Web开发问题定位和解决方式;

5. 精通面向对象编程思想，有框架设计能力;

6. 至少熟悉一门后端语言(如)，掌握nodejs优先考虑;

7. 有强烈的求知欲，善于学习和运用新知识;良好的团队合作精神和积极主动的沟通意识。

高级web前端开发工程师的基本职责4

职责：

1、负责系统前端开发工作，协调界面设计师和开发人员的工作;

2、优化网站前端功能设计，解决各种浏览器的兼容性问题;

3、JavaScript程序模块开发，通用类库、框架编写;

4、Web前端表现层及与后端交互的设计和开发。

5、通过各种前端技术手段，提高用户体验并满足性能要求。

岗位要求：

1、大学本科或以上学历，计算机相关专业，3年以上开发经验;

2、良好的学习能力和团队合作精神，逻辑思维强;

3、精通CSSDIVHTML，精通JavaScript，擅长Ajax等页面信息异步展现技术

4、熟悉设计相关软件;

5、具备PHP或相关开发经验优先;

6、具备HTML5及CSS3相关开发经验优先。

高级web前端开发工程师的基本职责5

职责：

1、根据公司项目需求，负责多终端产品的前端设计、开发、优化、维护;

2、参与项目需求评审、与相关人员沟通、保证开发的质量和效率;

3、配合交互设计师及视觉设计师实现交互效果，配合后台工程师完成应用开发;

4、javascript程序模块开发，通用类库、框架开发。

5、能够带领5人团队完成产品的开发工作并保证软件性能，质量和安全;

任职要求：

1、大学专科及以上学历，计算机相关专业优先，5年及以上前端开发经验，2年及以上vue开发经验，有基于vue相关技术开发微信小程序和公众号经验，对符合移动端标准的前端开发有丰富经验，有成功作品;

2、精通javascript、es6编程语言，良好的OOP编程思想;

3、精通vue、vue-router、vuex、vue-resource等vue相关技术的应用;

4、熟悉bootstrap、sass、webpack、jquery等前端技术;

高级前端工程师要具备掌握首先，HTML、CSS、JavaScript前端基础技术，并能熟练应用到实际的场景中。

随着互联网的迅猛发展和普及，一个新型的行业和新兴的职位正在上升到技术的层面：web前端开发工程师Web前端开发工程师，除了主要职责外，还要为网站上提供的产品和服务实现一流的Web界面，优化代码并保持良好兼容性。

Web前端表现层及与前后端交互的架构设计和开发，配合后台开发人员实现产品界面和功能，利用各种Web技术模拟开发产品原型，Web新技术调研和资讯整理，精通HTMLXHTML、CSS，熟悉页面架构和布局，对Web标准和标签语义化有深入理解，熟悉Ajax、JavaScript(或者ActionScript)、DOM等前端技术，掌握面向对象编程思想。

前端解释：

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。

前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScriptajax，最新的高级版本HTML5、CSS3，以及SVG等。