目前web產品交互越來越復雜，用戶使用體驗和網站前端性能優化這些都得靠web前端工程師去做,web前端工程師是設計加開發的綜合體，web前端工程師是在開發人員中最直接面向產品，面向用戶的設計人員，一個開發團隊的成果是要靠web前端工程師去展現，因為用戶不會去關心後臺的處理有多麽強大;在設計人員中web前端工程師是直接面向開發人員的設計人員，向開發人員以一種計算機語言的方式傳遞其設計理念，web前端工程師在整個團隊中是很關鍵的。
　　Web前端工程師要掌握的基礎知識和技能包括：
　　1、網頁的基本結構(HTML + CSS)
　　HTML是一種標記語言，而不是編程語言，最基本是標簽是和，CSS是用來定義如何顯示HTML元素的。對HTML+CSS很容易入門，但很多人不夠深入，舉幾個例子：
　　簽是作什麽用的?margin-left與left有什麽區別，應該在什麽情況下使用?再出個DIV+CSS布局問題：一個寬度不確定的DIV裏面放三個水平對齊的DIV，左右兩個DIV寬度固定為150px，中間那個DIV充滿剩余的寬度。如果這些問題你目前還不知道，對那個布局問題幾分鐘內不能解決，說明你對HTML+CSS還不夠深入。

　　2、瀏覽器是怎麽展現網頁的
　　不同內核的瀏覽器對網頁的渲染是不一樣的，目前瀏覽器都有客戶端調試工具，下圖展現一個google首頁在IE9下的加載細節：
　　在做web性能優化時，對瀏覽器渲染及細節要進一步了解。說個比較有用的知識點：目前瀏覽器並行加載的上限是6，老版本的瀏覽器會有所不同。
　　3、網頁的生命周期
　　不同的web框架下，頁面的生命周期會有所不同，大體還是一樣：客戶端發送GET請求，服務器返回相應頁面，客戶端完成操作及數據，然後POST給服務器。一定要對數據的傳遞(前臺與後臺,頁面之間)的細節了然於心。

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

　　5、瀏覽器的兼容性
　　由於歷史原因，瀏覽器的兼容性一直都折磨web前端工程師的地方，雖然有W3組織，並制定了一些規範，雖然瀏覽器產商都正在努力改進並接近其規範，但現實網絡環境中各種內核、各種版本的瀏覽器都有一席之地。解決瀏覽器兼容性靠經驗積累。

　　6、快速學習能力和主動學習意願
　　web前端的發展很快，從事這一行業一定要有快速學習能力和主動學習意願，這樣才能適應web產品的要求。在web前端領域沒有絕對的是與非,解決一個問題的方法有很多，但我們要找到一個更合適的方法，找到一個更合適的方法需要經驗作積累，總之web前端入門容易，想熟練很難，需要更多的主動學習意願。
　　7、良好的溝通能力
　　優秀的前端工程師需要具備良好的溝通能力，因為你的工作與很多人的工作息息相關，比如項目經理、設計師、最終用戶、開發工程師，前端工程師位於這幾類人的交匯點上，這些角色的要求你都得照顧好，平衡這四類人的需求，拿出一個比較合適的方案。由此可見溝通能力對前端工程師要求更高。
　　Web的明天與今天必將有天壤之別，而你的工作就是要搞清楚如何通過自己的Web應用程序來體現這種翻天覆地的變化，既然踏上了web前端開發之路，那就堅強地走下去吧!

WEB前端學習交流群21 598399936

Web前端工程師要掌握的基礎知識和技能