一名合格的web前端工程師必須得掌握HTML、CSS和JavaScript。只懂其中一個(gè)或兩個(gè)還不行，你必須對這三門語言都很熟悉。也不是說必須對這三門語言都非常精通，但你至少要能夠運(yùn)用它們完成大多數(shù)任務(wù)，而無需地頻繁地尋求別人的幫助。
  web前端工程師是設(shè)計(jì)加開發(fā)的綜合體，web前端工程師是在開發(fā)人員中最直接面向產(chǎn)品，面向用戶的設(shè)計(jì)人員，一個(gè)開發(fā)團(tuán)隊(duì)的成果是要靠web前端工程師去展現(xiàn)，因?yàn)橛脩舨粫�去關(guān)心后臺的處理有多么強(qiáng)大 ；在設(shè)計(jì)人員中web前端工程師是直接面向開發(fā)人員的設(shè)計(jì)人員，向開發(fā)人員以一種計(jì)算機(jī)語言的方式傳遞其設(shè)計(jì)理念，web前端工程師在整個(gè)團(tuán)隊(duì)中是很關(guān)鍵的。

Web前端工程師要掌握的基礎(chǔ)知識和技能包括：

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

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

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

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

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

5 、服務(wù)器端語言開發(fā)經(jīng)驗(yàn)，PS切圖技術(shù)
  Web前端開發(fā)介于設(shè)計(jì)與開發(fā)中間，所以兩端的東西都得懂點(diǎn)。編輯語言是相通的，之前編寫過服務(wù)器語言，對學(xué)習(xí)javascript是十分有益的，從圖片轉(zhuǎn)成靜態(tài)HTML頁面，少不了PS切圖技術(shù)。

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

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

9 、良好的溝通能力
  優(yōu)秀的前端工程師需要具備良好的溝通能力，因?yàn)槟愕墓ぷ髋c很多人的工作息息相關(guān)，比如項(xiàng)目經(jīng)理、設(shè)計(jì)師、最終用戶、開發(fā)工程師，前端工程師位于這幾類人的交匯點(diǎn)上，這些角色的要求你都得照顧好，平衡這四類人的需求，拿出一個(gè)比較合適的方案。由此可見溝通能力對前端工程師要求更高。
  優(yōu)秀的web前端工程師應(yīng)該具備快速學(xué)習(xí)能力。推動(dòng)Web發(fā)展的技術(shù)并不是靜止不動(dòng)的。如果沒有快速學(xué)習(xí)能力，你就跟不上Web發(fā)展的步伐。你必須不斷提升自己，不斷學(xué)習(xí)新技術(shù)、新模式；僅僅依靠今天的知識無法適應(yīng)未來。Web的明天與今天必將有天壤之別，而你的工作就是要搞清楚如何通過自己的Web應(yīng)用程序來體現(xiàn)這種翻天覆地的變化，既然踏上了web前端開發(fā)之路，那就堅(jiān)強(qiáng)地走下去吧！