首先，前端工程師必須具備嫻熟的圖片設(shè)計(jì)、制作和處理能力，比如在PS呈現(xiàn)的網(wǎng)站效果和圖層結(jié)構(gòu)，然后將圖進(jìn)行合理的剪輯，制成網(wǎng)站所需要的文件，并通過(guò)HTML標(biāo)簽和CSS DIV表現(xiàn)出來(lái)。這就需要我們有深厚的頁(yè)面制作功底和經(jīng)驗(yàn)。

在前端開發(fā)技術(shù)中，我們還要建立良好的頁(yè)面結(jié)構(gòu)。頁(yè)面結(jié)構(gòu)就好像是蓋房子，其架構(gòu)的好壞不但會(huì)影響到CSS樣式表質(zhì)量、網(wǎng)頁(yè)特效開發(fā)和后臺(tái)程序開發(fā)，還會(huì)影響到頁(yè)面拓展和重構(gòu)。首先要分析頁(yè)面的結(jié)構(gòu)框架，設(shè)置布局，編寫標(biāo)簽和代碼，利用HTML，合理地使用模塊化框架結(jié)構(gòu)將頁(yè)面分為Menu、Banner、Footer三大部分，這樣從整體工作流程進(jìn)展效率上和維護(hù)上都有相當(dāng)大的益處。

新手在做兼容性測(cè)試時(shí)往往都是每寫一段代碼，都要在不同的瀏覽器中查看兼容，當(dāng)熟練到一定的程度時(shí)就沒這么麻煩了，如果我們熟悉標(biāo)簽的默認(rèn)屬性，就能理解為什么出現(xiàn)兼容問題并解決它。

更后的前端開發(fā)技術(shù)少不了用代碼優(yōu)化來(lái)保障傳輸。優(yōu)化主要分為減少數(shù)據(jù)的傳輸量和減少數(shù)據(jù)的傳輸頻率，做好這兩點(diǎn)，可以達(dá)到提高網(wǎng)頁(yè)加載速度，降低服務(wù)器占用資源，提高網(wǎng)絡(luò)帶寬使用率等目的。實(shí)現(xiàn)優(yōu)化傳輸，我們需要減少空白區(qū)域，精簡(jiǎn)CSS和JS?？崭瘛⒅票矸?、換行符都可以安全刪除。使用更短格式的顏色表示等等。

一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師走到前端開發(fā)工程師需要的綜合技術(shù)能力水平廣泛而且深?yuàn)W，需要學(xué)的會(huì)隨著不斷的學(xué)習(xí)而加深，而且還要高端和精通，所以我們要吸取別人的經(jīng)驗(yàn)，不斷探索頁(yè)面前端開發(fā)技術(shù)學(xué)習(xí)的新方法，真正做到一個(gè)杰出的前端工程師。