html5前端工程師怎樣提高開發(fā)效率

 （一）切圖

 切圖是一個(gè)前端最基礎(chǔ)的技能，一般我們使用photoshop或者FireWorks基本都能搞定設(shè)計(jì)師交付給我們的設(shè)計(jì)圖，但是要提高切圖效率的話就得使用一些訣竅了，比如利用PS里的動(dòng)作來(lái)實(shí)現(xiàn)“一鍵切圖”功能。

 （二）編寫html/css/js

 對(duì)于編寫代碼部分我們首先要找到一款合適自己的IDE工具，建議不要使用notepad++或者dreamweaver，這些工具已經(jīng)不符合前端潮流了，無(wú)法讓自己優(yōu)雅地敲代碼，小編推薦sublime text、atom或者webstrom，因?yàn)樗鼈兂巳诵曰慕缑婧椭С执蠖鄶?shù)語(yǔ)法的高亮外，還可以安裝各種各樣的插件來(lái)拓展你的IDE工具。

 （三）前端自動(dòng)化

 說(shuō)到提高開發(fā)效率，這里不得不提一些前端的自動(dòng)化工具，可以使用npm來(lái)管理我們的項(xiàng)目包文件；利用webpack來(lái)打包壓縮我們的代碼；利用node.js來(lái)實(shí)現(xiàn)構(gòu)建本地服務(wù)器；利用karma、jasmine來(lái)測(cè)試我們的前端代碼。

 （四）前端模塊化

 實(shí)現(xiàn)前端模塊化能夠方便我們項(xiàng)目代碼的維護(hù)，實(shí)現(xiàn)按需加載，從長(zhǎng)遠(yuǎn)來(lái)看對(duì)我們提高項(xiàng)目的開發(fā)效率是很有幫助的。

 （五）前端組件化

 前端組件化的概念也是由來(lái)已久，我們可以通過(guò)將我們的代碼劃分成不同組件來(lái)實(shí)現(xiàn)公用并方便維護(hù)，同樣可以提升我們的開發(fā)效率。