目前web產(chǎn)品交互越來(lái)越復(fù)雜，用戶使用體驗(yàn)和網(wǎng)站前端性能優(yōu)化這些都得靠web前端工程師去做web前端工程師是設(shè)計(jì)加開(kāi)發(fā)的綜合體，web前端工程師是在開(kāi)發(fā)人員中最直接面向產(chǎn)品，面向用戶的設(shè)計(jì)人員，一個(gè)開(kāi)發(fā)團(tuán)隊(duì)的成果是要靠web前端工程師去展現(xiàn)，因?yàn)橛脩舨粫?huì)去關(guān)心后臺(tái)的處理有多么強(qiáng)大 ；在設(shè)計(jì)人員中web前端工程師是直接面向開(kāi)發(fā)人員的設(shè)計(jì)人員，向開(kāi)發(fā)人員以一種計(jì)算機(jī)語(yǔ)言的方式傳遞其設(shè)計(jì)理念，web前端工程師在整個(gè)團(tuán)隊(duì)中是很關(guān)鍵！

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

下面說(shuō)一下關(guān)于web前端工程師要掌握的基礎(chǔ)知識(shí)和技能

1、網(wǎng)頁(yè)的基本結(jié)構(gòu)（HTML + CSS） 

HTML是一種標(biāo)記語(yǔ)言，而不是編程語(yǔ)言，最基本是標(biāo)簽是和，CSS是用來(lái)定義如何顯示HTML元素的。

對(duì)HTML+CSS很容易入門(mén)，但很多人不夠深入，舉幾個(gè)例子：

標(biāo)簽是作什么用的？margin-left與left有什么區(qū)別，應(yīng)該在什么情況下使用？

再出個(gè)DIV+CSS布局問(wèn)題：一個(gè)寬度不確定的DIV里面放三個(gè)水平對(duì)齊的DIV，左右兩個(gè)DIV寬度固定為150px，中間那個(gè)DIV充滿剩余的寬度。

如果這些問(wèn)題你目前還不知道，對(duì)那個(gè)布局問(wèn)題幾分鐘內(nèi)不能解決，說(shuō)明你對(duì)HTML+CSS還不夠深入。

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

不同內(nèi)核的瀏覽器對(duì)網(wǎng)頁(yè)的渲染是不一樣的，目前瀏覽器都有客戶端調(diào)試工具。 在做web性能優(yōu)化時(shí)，對(duì)瀏覽器渲染及細(xì)節(jié)要進(jìn)一步了解。

說(shuō)個(gè)比較有用的知識(shí)點(diǎn)：目前瀏覽器并行加載的上限是6，老版本的瀏覽器會(huì)有所不同。

3、DHTML DOM BOM Javascript AJAX 

這是Web前端開(kāi)發(fā)的重中之中，大多數(shù)時(shí)候我們都在和他們打交道。

說(shuō)幾個(gè)注意點(diǎn)：

（1）javascript是單線程編程，所謂的javascript異步編程只不過(guò)是計(jì)劃在未來(lái)的某個(gè)時(shí)間上執(zhí)行相應(yīng)事件而已；

（2）詳細(xì)了解DOM事件機(jī)制；

（3）客戶端存儲(chǔ)（HTML5中增加了localStorage和sessionStorage）；

（4）javascript不像服務(wù)器端語(yǔ)言那樣嚴(yán)謹(jǐn)，調(diào)試不是很方便，所以一開(kāi)始要養(yǎng)成嚴(yán)謹(jǐn)?shù)膉avascript編輯習(xí)慣；

（5）javascript很強(qiáng)大很靈活，不要幻想短時(shí)間內(nèi)熟練（更別說(shuō)精通）它，并寫(xiě)些框架、類庫(kù)，初始階段還是先用熟練已成熟的框架（比如jquery）當(dāng)入門(mén)；

（6）一定要熟練使用客戶端調(diào)試工具。