一名合格的web前端工程師必須得掌握HTML、CSS和JavaScript。
只懂其中一個或兩個還不行，你必須對這三門語言都很熟悉。也不是說必須對這三門語言都非常精通，但你至少要能夠運用它們完成大多數任務，而無需地頻繁地尋求別人的幫助。下面說下我眼中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給服務器。一定要對數據的傳遞(前臺與後臺,頁面之間)的細節瞭然於心。
4DHTML DOM BOM JavaScript AJAX
這是Web前端開發的重中之中，大多數時候我們都在和他們打交道。說幾個注意點：javascript是單線程編程，所謂的javascript異步編程只不過是計劃在未來的某個時間上執行相應事件而已;
詳細瞭解DOM事件機制;客戶端存儲(HTML5中增加了localStorage和sessionStorage);javascript不像服務器端語言那樣嚴謹，調試不是很方便，所以一開始要養成嚴謹的javascript編輯習慣;
8年開發老碼農福利贈送：網頁製作，網站開發，web前端開發，從最零基礎開始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移動端小程序項目實戰【視頻＋工具＋電子書＋系統路線圖】都有整理，這裏推薦一下我的前端學習交流qun：六零零，六一零，一五一 送給每一位對編程感興趣的小夥伴
javascript很強大很靈活，不要幻想短時間內熟練(更別說精通)它，並寫些框架、類庫，初始階段還是先用熟練已成熟的框架(比如jquery)當入門;一定要熟練使用客戶端調試工具。
5服務器端語言開發經驗，PS切圖技術
Web前端開發介於設計與開發中間，所以兩端的東西都得懂點。編輯語言是相通的，之前編寫過服務器語言，對學習javascript是十分有益的，從圖片轉成靜態HTML頁面，少不了PS切圖技術。
6瀏覽器的兼容性
由於歷史原因，瀏覽器的兼容性一直都折磨web前端工程師的地方，雖然有W3組織，並制定了一些規範，雖然瀏覽器產商都正在努力改進並接近其規範，但現實網絡環境中各種內核、各種版本的瀏覽器都有一席之地。
7快速學習能力和主動學習意願
web前端的發展很快，從事這一行業一定要有快速學習能力和主動學習意願，這樣才能適應Web產品的要求。在Web前端領域沒有絕對的是與非,解決一個問題的方法有很多，但我們要找到一個更合適的方法，找到一個更合適的方法需要經驗作積累，總之Web前端入門容易，想熟練很難，需要更多的主動學習意願。
8良好的溝通能力
優秀的前端工程師需要具備良好的溝通能力，因爲你的工作與很多人的工作息息相關，比如項目經理、設計師、最終用戶、開發工程師，前端工程師位於這幾類人的交匯點上，這些角色的要求你都得照顧好，平衡這四類人的需求，拿出一個比較合適的方案。由此可見溝通能力對前端工程師要求更高。
以上就是今天爲各位總結的學習要點，希望可以幫到大家，又不懂的可以文末右下角留言諮詢我！