| 維度 | 要素 | 簡要定義 | 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、通過學習，完成創新，通過自身知識創新帶動團隊的業務水平居於行業標桿 |
||
| 基礎素質 | 誠實正直 | 言行一致，說到做到，具備良好的職業素養和職業道德 | |||||||
| 分析判斷 | 面對具體問題，理清條理，發現核心點 | ||||||||
| 執行力 | 高質量不打折扣的完成工作任務 | ||||||||
| 分享 | 贈人玫瑰，手有余香 | ||||||||