前端開發(fā)需要掌握的技術(shù)：技能一：繪制原型圖，實現(xiàn)效果圖，優(yōu)秀的前端開發(fā)人員必然熟練掌握一種原型圖設(shè)計工具，能夠?qū)?gòu)思通過工具繪制成原型圖。同時能夠?qū)⒃O(shè)計做出的視覺稿通過頁面代碼的方式表現(xiàn)出來。比如目前最流行，便捷的原型圖工具Mockplus，歷史悠久的Axure等。能完成這兩個內(nèi)容就可以初步進入頁面前端的從業(yè)者行列了，但這就代表著我們可以勝任頁面開發(fā)的工作了？不，才剛剛開始！技能二：與設(shè)計師的溝通和項目的參與，各行各業(yè)溝通很重要，作為前端開發(fā)人員，接觸到的最主要的“客戶”就是項目設(shè)計師。設(shè)計師根據(jù)原型圖出視覺稿，在這個過程中，前端開發(fā)人員需要和設(shè)計師進行某些效果實現(xiàn)的探討，比如對低端瀏覽器渲染效率影響，是否可以通過CSS3實現(xiàn)從而使結(jié)構(gòu)更加清晰，是否能在視覺效果和代碼實現(xiàn)中尋求平衡。前端開發(fā)有義務(wù)對開發(fā)出來的頁面穩(wěn)定性和渲染效率負(fù)責(zé)。在很多情況下，項目進度要求設(shè)計與前端開發(fā)同步進行，這種情況下就必須盡可能多的參與到項目溝通。技能三：搭建良好的頁面結(jié)構(gòu)，在前端開發(fā)中頁面結(jié)構(gòu)的編寫好比蓋房時的打地基，結(jié)構(gòu)的好壞會直接影響到代碼的質(zhì)量、JS開發(fā)、后端的開發(fā)以及以后頁面的擴展、調(diào)整和迭代。當(dāng)拿到設(shè)計稿之后不要急于開工，多觀察思考。先分析布局，劃分框架，然后規(guī)劃結(jié)構(gòu)，編寫代碼。技能四：優(yōu)美的代碼，隨著web項目功能越來越復(fù)雜，帶來的直接后果就是代碼的體量變得很龐大。如何進行協(xié)同開發(fā)和代碼的維護是從前端開發(fā)開始就要思考的問題。這種情形下需要考慮完善，統(tǒng)一規(guī)劃，養(yǎng)成一個良好的代碼開發(fā)習(xí)慣。比如：合理的使用標(biāo)簽、良好的注釋、清晰的代碼結(jié)構(gòu)、準(zhǔn)確使用CSS等。優(yōu)美的代碼，清晰的結(jié)構(gòu)能夠為下游開發(fā)和協(xié)同開發(fā)降低了不小的溝通成本。