| 维度 | 要素 | 简要定义 | P4 | P5 | P6 | P7 | P8 | P9 | P10及以上 |
| 学徒 | 普通 | 中级 | 骨干 | 高级 | 专家 | 资深专家、顾问 | |||
| 层级定义 | 实习生 | 可以解决常规问题。 | 技术能力熟练，对业务比较了解。能判断和提出所负责业务方向上的优化点 | 能力突出，可以解决业务提出的较为复杂的问题，能带领中小项目，能够独立完成前端方向上的技术跟踪、预研、设计等工作 | 领域带头人。能对重大项目提出合理的解决方案，能够在前端领域做出中长期的系统级技术规划，参与公司关键技术方案的讨论和技术把关。。 | 提炼、梳理和规划业务领域的技术点。敏锐觉察前端行业技术发展方向及趋势并推动在公司内的研究及实施工作 | 引领前端领域内的技术创新，产生行业影响力。 | ||
| 专业知识 | HTML/HTML5 | 网页技术的基石 | 掌握常用html标签及属性 | 正确嵌套html，布局简洁合理，方便添加动态内容 | 1、掌握html5语义化标签 2、了解html5在不同浏览器的兼容性； |
||||
| CSS/CSS3 | 一切炫丽的网页从这里开始 | 掌握常用CSS布局方式，并且可以完成样式编写工作 | 1、熟悉CSS选择器及性能优化； 2、编写出跨浏览器兼容性良好的CSS代码 3、熟悉css3，选择器，并可以运用在实际工作中 4、了解css3新特性在不同浏览器的差异性； |
1、能够独立对项目中的CSS进行合理的规划，划分层级结构。 2、理解CSS组件化思想； 3、理解OOCSS思想； 4、能编写CSS组件库； |
1、至少掌握其中一种css预处理框架并理解其运行原理（LESS/SASS/STYLUS）； 2、掌握自动生成雪碧图技术； |
1、可以制定基于SCSS/LESS/STYLUS的组件库解决方案； | |||
| Javascript | 交互体验，用户体验的核心 | 1、熟悉ES5基础知识，变量，数组，异步通讯等 2、熟悉dom编程 |
1、了解面向对象的继承与原型链 2、熟练使用jQuery 3、了解dom操作的兼容性 |
1、可以熟练使用html5的标签和api，如存储，动画，媒体，通讯，位置 2、了解CommonJS、AMD、CMD规范 3、会使用模块化工具Requirejs，Seajs等 |
1、可以编写可测试的js代码 2、会根据实际项目或者工作编写js库 3、能对大型项目中的js进行合理的规划架构 |
1、精通js编程，能准确判断系统瓶颈并提出有效解决方案。 2、对高效率/高质量编程有深刻理解，能通过改进规范/开发模式提升开发效率和代码质量。 |
1、了解ES6，关注最前沿资讯； 2、能独立开发框架； |
1、具有丰富的js编程经验和深厚的开发实力 2、能够写出行业一流水准，在行业内具有广泛影响力的前端框架。 |
|
| 浏览器 | 代码与用户之间的桥梁 | 1、了解市场上浏览器类型 2、了解国内市场主流浏览器类型 |
1、了解各浏览器之间实现页面时的差异 2、可以编写出跨浏览器兼容性良好的前端代码 |
1、了解浏览器的工作原理 2、了解浏览器对html，css，js的渲染机制 |
|||||
| 开发工具 | 工欲善其事必先利其器 | 1、掌握phpstorm，sublime，photoshop使用 2、会使用浏览器调试工具，并且可以迅速定位问题 |
掌握ftp，svn，filezilla，SecureCRT，Beyond Compare，grunt，Xmind，Fiddler2 等工具 | 1、了解CSS预处理工具； 2、了解JS模块化打包工具； 3、Grunt的基本配置与使用； 4、资源压缩优化，文件复制合并等； 5、熟练使用grunt工具搭建项目 |
1、JS模块化解决方案及其打包发布 2、基于半自动化的项目部署 3、了解FIS/Gulp等构建工具 4、可以编写可测试的js代码 |
1、Fis的其他解决方案及封装； 2、Grunt/Gulp插件的开发； |
1、深入了解自动化工具原理，并能根据现有工作流程定制工具； 2、深入了解浏览器JS引擎 |
||
| 其他技能 | 文档编写 | 开发文档架构文档 | |||||||
| 跨域沟通 | 跨部门沟通 | ||||||||
| 学习总结 | 学思逆水行舟 | 1、有学习愿望，能够在指导或者要求下进行学习 2、能够通过示范式、教练式学习或者指定的学习资源掌握做好自身岗位工作所需要的知识、技能、工具和信息等 |
1、能够自学或主动向他人学习本业务领域内的知识、技能。 2、了解专业领域的最新发展情况并努力在工作中运用，创造符合岗位要求的绩效。 |
1、超越前端岗位需求，学习自身业务领域以及相关业务领域的知识 2、能够运用所学知识举一反三，能够与团队成员交流和分享相关知识、经验 |
1、能利用起团队外的知识资源提升自身业务知识、技能。 2、通过知识共享帮助团队其他成员提高 |
1、能够带动团队其他成员主动学习，营造团队学习氛围，使团队业务水平居于其他团队之上 2、通晓相关业务领域知识，如PHP，java，数据库，nodejs或者其他后端知识 |
1、通过知识共享帮助团队其他成员提高 2、通过学习，完成创新，通过自身知识创新带动团队的业务水平居于行业标杆 |
||
| 基础素质 | 诚实正直 | 言行一致，说到做到，具备良好的职业素养和职业道德 | |||||||
| 分析判断 | 面对具体问题，理清条理，发现核心点 | ||||||||
| 执行力 | 高质量不打折扣的完成工作任务 | ||||||||
| 分享 | 赠人玫瑰，手有余香 | ||||||||