據說每一個學習web前端開發的童鞋，都是折翼的天使！

大家都知道WEB前端開發工程師是最有錢景的高薪職業，這一點不假，據統計，在互聯網行業的細分職能中，排名前十的絕大多數為技術崗，其中WEB前端開發工程師最為緊俏。不過只是很少有人能拿到這麼高的工資，因為即便都是前端工程師，每個人的技術水平都是不一樣的。那麼今天我們先不討論錢的事，我們來討論一下這條通往“錢景”的道路是多麼坎坷崎嶇。

想學習前端朋友可以加我們的前端學習群：27062964

對於前端，其實大家都普遍存在巨大的誤解，其實真正的前端一點也不簡單！

大多人都認為前端開發是一個「相對於其他模塊來說更簡單的領域」，在他們心中的前端工程師是這樣工作的：

1、把Photoshop文件、圖片或者線框做成一個頁面；

2、偶爾設計Photoshop文件、圖片或者線框；

3、用JS實現動畫、過渡效果；

4、用HTML和CSS編程，實現網頁的內容和形式。

而事實上，前端工程師工作的時候要做的事情是下面這些：

1、在設計師和工程師之間創建可視化的語言；

2、根據設計稿定義一組代表內容、品牌和功能的組件；

3、為Web應用程序的框架、需求、可視化的語言和規格設定基準；

4、根據設備、瀏覽器、屏幕、動畫來劃分web應用的工作劃分；

5、用QA基準來保證指南來確保品牌忠誠度、代碼質量、產品標準；

6、調節Web應用程序的樣式，包括間距、字體、標題、圖標、佈局等等；

7、根據不同分辨率、橫屏豎屏等，調節Web應用程序的樣式；

8、標記 Web 應用程序，使之語義化，SEO 友好；

9、通過API獲取內容要考慮友好性、電池消耗性、設備和客戶端的特性；

10、開發客戶端要考慮動畫的流暢、延遲加載、交互、應用工作流程，大多數時間用來考慮漸進增強和向後兼容的標準；

11、保證後臺連接安全，採取跨地資源共享（ CORS ）的程序考慮，防止跨站點腳本（ XSS）和跨站點請求偽造（ CSRF ） ；

12、最重要的是，儘管有嚴格的期限、利益相關者的要求，以及設備的限制，無論現在還是將來永遠是「客戶第一」。

由於前端工程師的入門門檻非常低，JS、CSS、HTML並不是很難入門掌握的語言，似乎只要花一點時間，誰都可以通過網上教程和書本學會它。對的，前端工程師市場就是被這些淺嘗輒止的傢伙搞壞的。

糟糕的前端工程師是這樣做事的：

1、濫用 JavaScript 庫，因為他們實際上並不了 JavaScript 的核心（e.g. 一切都用 jQuery）；

2、濫用 JavaScript 插件，無節制的複用別人的代碼，哪怕自己根本讀不懂；

3、不看需求、設計，也不做比較或評價，就給 Web 應用程序添加 CSS 框架，卻只用到框架的一小部分；

4、認為只要用了 CSS 框架，網站就是響應式的，或是對響應式設計的意義理解不到位；

5、一邊在說著「響應式 Web 設計」，卻對服務器端解決方案技術一無所知；

6、用 CSS 編程時不做預處理器、命名規範等；

7、忽視性能、內存洩露（並不理解內存洩露的真正含義），不會檢測代碼；

8、不會用指標衡量一個產品，或者這種指標旨在自己的電腦、瀏覽器、設備有效；

9、忽視 30 年來的軟件工程技術，閉門造車。

要知道，入門容易精通難，計算機和軟件的基礎對你用JS或瀏覽器編程都非常重要。web可能是最有影響力的平臺和環境之一，在那裡執行的程序必須被小心對待。一位優秀的前端工程師不僅要考慮web技術和語言，並且還要了解所有不同的組件、系統和概念。

而以下的內容則是是優秀的前端工程師在即時面對普通的任務也會做的事情（這才是市場急需的前端）：

1、DNS 解析，使用 CDN，把資源請求分散到多個域名上去；

2、理解 HTTP Headers (Expires、Cache-Control、If-Modified-Since)

3、Steve Souders 的所有高性能網頁優化規則(參考：High Performance Websites 一書)

4、如何解決 PageSpeed、YSlow、Chrome Dev Tools Audit、Chrome Dev Tools Timeline 等工具列出的所有問題；

5、何時把任務傳到服務器，何時適合傳到客戶端；

6、緩存，預取和延遲加載技術的使用；

7、原生 JavaScript，知道何時從頭開始做，何時參考別人的代碼，同時可以評估這樣做的優缺點；

8、 最新的 MVC Javascript 庫知識以及用法；

9、CSS 標準的知識與用法；

10、JavaScript的計算機科學部分的知識（內存管理，垃圾收集算法等等）

換句話說，如果說精通HTML+CSS+JS，瞭解後端知識，只是60分的合格前端；那麼要想成為受追捧、拿高薪的80分優秀前端，要對業務需求和、架構設計有真正的運用；而100分的頂級前端，則必須要能夠兼顧技術和設計，更接近「以前端開發為主的全棧工程師」了。