先說下web前端工程師的價值，目前web產(chǎn)品交互越來越復雜，用戶使用體驗和網(wǎng)站前端性能優(yōu)化這些都得靠web前端工程師去做web前端工程師是設計加開發(fā)的綜合體，web前端工程師是在開發(fā)人員中最直接面向產(chǎn)品，面向用戶的設計人員，一個開發(fā)團隊的成果是要靠web前端工程師去展現(xiàn)，因為用戶不會去關心后臺的處理有多么強大 ；在設計人員中web前端工程師是直接面向開發(fā)人員的設計人員，向開發(fā)人員以一種計算機語言的方式傳遞其設計理念，web前端工程師在整個團隊中是很關鍵的。

在我眼中一名合格的web前端工程師必須得掌握HTML、CSS和JavaScript。只懂其中一個或兩個還不行，你必須對這三門語言都很熟悉。也不是說必須對這三門語言都非常精通，但你至少要能夠運用它們完成大多數(shù)任務，而無需地頻繁地尋求別人的幫助。

下面說下我眼中web前端工程師要掌握的基礎知識和技能：

1 網(wǎng)頁的基本結構（HTML + CSS）

HTML是一種標記語言，而不是編程語言，最基本是標簽是《html》和《body》，CSS是用來定義如何顯示HTML元素的。對HTML+CSS很容易入門，但很多人不夠深入，舉幾個例子：《meta》標簽是作什么用的？margin-left與left有什么區(qū)別，應該在什么情況下使用？再出個DIV+CSS布局問題：一個寬度不確定的DIV里面放三個水平對齊的DIV，左右兩個DIV寬度固定為150px，中間那個DIV充滿剩余的寬度。如果這些問題你目前還不知道，對那個布局問題幾分鐘內不能解決，說明你對HTML+CSS還不夠深入。

2 瀏覽器是怎么展現(xiàn)網(wǎng)頁的

不同內核的瀏覽器對網(wǎng)頁的渲染是不一樣的，目前瀏覽器都有客戶端調試工具，下圖展現(xiàn)一個google首頁在IE9下的加載細節(jié)：

在做web性能優(yōu)化時，對瀏覽器渲染及細節(jié)要進一步了解。說個比較有用的知識點：目前瀏覽器并行加載的上限是6，老版本的瀏覽器會有所不同。

3 網(wǎng)頁的生命周期

不同的web框架下，頁面的生命周期會有所不同，大體還是一樣：客戶端發(fā)送GET請求，服務器返回相應頁面，客戶端完成操作及數(shù)據(jù)，然后POST給服務器。一定要對數(shù)據(jù)的傳遞（前臺與后臺，頁面之間）的細節(jié)了然于心。

4 DHTML DOM BOM Javascript AJAX

這是Web前端開發(fā)的重中之中，大多數(shù)時候我們都在和他們打交道。說幾個注意點：javascript是單線程編程，所謂的javascript異步編程只不過是計劃在未來的某個時間上執(zhí)行相應事件而已；詳細了解DOM事件機制；客戶端存儲（HTML5中增加了localStorage和sessionStorage）；javascript不像服務器端語言那樣嚴謹，調試不是很方便，所以一開始要養(yǎng)成嚴謹?shù)膉avascript編輯習慣；javascript很強大很靈活，不要幻想短時間內熟練（更別說精通）它，并寫些框架、類庫，初始階段還是先用熟練已成熟的框架（比如jquery）當入門；一定要熟練使用客戶端調試工具。

5 服務器端語言開發(fā)經(jīng)驗，PS切圖技術

Web前端開發(fā)介于設計與開發(fā)中間，所以兩端的東西都得懂點。編輯語言是相通的，之前編寫過服務器語言，對學習javascript是十分有益的，從圖片轉成靜態(tài)HTML頁面，少不了PS切圖技術。

6 瀏覽器的兼容性

由于歷史原因 ，瀏覽器的兼容性一直都折磨web前端工程師的地方，雖然有W3組織，并制定了一些規(guī)范，雖然瀏覽器產(chǎn)商都正在努力改進并接近其規(guī)范，但現(xiàn)實網(wǎng)絡環(huán)境中各種內核、各種版本的瀏覽器都有一席之地。解決瀏覽器兼容性靠經(jīng)驗積累，可喜的事這方面資料網(wǎng)上有很多。

7 快速學習能力和主動學習意愿

web前端的發(fā)展很快，從事這一行業(yè)一定要有快速學習能力和主動學習意愿，這樣才能適應web產(chǎn)品的要求。在web前端領域沒有絕對的是與非，解決一個問題的方法有很多，但我們要找到一個更合適的方法，找到一個更合適的方法需要經(jīng)驗作積累，總之web前端入門容易，想熟練很難，需要更多的主動學習意愿。

8 良好的溝通能力

優(yōu)秀的前端工程師需要具備良好的溝通能力，因為你的工作與很多人的工作息息相關，比如項目經(jīng)理、設計師、最終用戶、開發(fā)工程師，前端工程師位于這幾類人的交匯點上，這些角色的要求你都得照顧好，平衡這四類人的需求，拿出一個比較合適的方案。由此可見溝通能力對前端工程師要求更高。