作為網(wǎng)頁(yè)制作的一個(gè)細(xì)分行業(yè)，Web前端在國(guó)內(nèi)乃至國(guó)際上真正開(kāi)始受到重視的時(shí)間不超過(guò)10年，而大學(xué)課程的缺乏，讓這一職業(yè)人才缺口很大。

更多的人加入到Web前端開(kāi)發(fā)的行列之中，那么想要成為一個(gè)優(yōu)秀的前端工程師，你需要有扎實(shí)的基礎(chǔ)知識(shí)，同時(shí)以下基礎(chǔ)知識(shí)和技能是必須知道的。

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

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)，但很多人不夠深入。

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

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

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

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

4、服務(wù)器端語(yǔ)言開(kāi)發(fā)經(jīng)驗(yàn)，PS切圖技術(shù)

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

5 瀏覽器的兼容性

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

6、DHTML DOM BOM Javascript AJAX

這是Web前端開(kāi)發(fā)的重中之中，大多數(shù)時(shí)候我們都在和它們打交道。javascript很強(qiáng)大很靈活，不要幻想短時(shí)間內(nèi)熟練(更別說(shuō)精通)它，并寫(xiě)些框架、類庫(kù)，初始階段還是先用熟練已成熟的框架(比如jquery)當(dāng)入門(mén);一定要熟練使用客戶端調(diào)試工具。

7、良好的溝通能力

優(yōu)秀的前端工程師需要具備良好的溝通能力，因?yàn)槟愕墓ぷ髋c很多人的工作息息相關(guān)，比如項(xiàng)目經(jīng)理、設(shè)計(jì)師、最終用戶、開(kāi)發(fā)工程師，前端工程師位于這幾類人的交匯點(diǎn)上，這些角色的要求你都得照顧好，平衡這四類人的需求，拿出一個(gè)比較合適的方案。由此可見(jiàn)溝通能力對(duì)前端工程師要求更高。