本人前端工作10年，結合了常見的"前端技術棧"文章，另外加上我在實際工作的經驗（尤其是騰訊、字節跳動工作），匯總而成得到本文的前端技術棧。
在一般技術棧基礎上，我標記了4種顏色，分別代表初級入門、工程師、資深工程師、高級工程師的技能要求。
這個划分，不直接對等某個公司的職級，只是我個人的一個簡單划分，算是對一些剛入行的朋友的學習路線建議。
我的划分理由大概是這樣的：
1.初級入門，只需要認識基本的語法、學會某個框架（例如vue），然后跟着公司項目照葫蘆畫瓢即可；
2.工程師，已經是團隊中的熟練工，已經不需要跟別人做，需要對前端項目有整體的認識，能自行搭建一個新的小型項目架構，解決一些難題。此時需要對webpack、計算機基礎都有更多認識，而且對編程思想有一些個人的見解；
3.資深工程師，除了工程師的理論知識和普適性技能外，對某個領域分支應該有豐富的實踐經驗，例如客戶端兼容性、Nodejs高性能服務、動畫類開發等；
4.高級工程師，一般是團隊中的骨干，能帶頭分析業務的各種難題，包括需求實現的難題和性能優化難題，尤其是性能優化。這需要對所有知識點除了廣度外，還要有針對性的深度學習和實踐，給項目帶來實際性的優化。
XMIND源文件，請到Github下載：https://github.com/kenkozheng/HTML5_research/tree/master/FrontEndTechStack