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

 （一）切圖

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

 （二）編寫html/css/js

 對于編寫代碼部分我們首先要找到一款合適自己的IDE工具，建議不要使用notepad++或者dreamweaver，這些工具已經(jīng)不符合前端潮流了，無法讓自己優(yōu)雅地敲代碼，小編推薦sublime text、atom或者webstrom，因為它們除了人性化的界面和支持大多數(shù)語法的高亮外，還可以安裝各種各樣的插件來拓展你的IDE工具。

 （三）前端自動化

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

 （四）前端模塊化

 實現(xiàn)前端模塊化能夠方便我們項目代碼的維護，實現(xiàn)按需加載，從長遠來看對我們提高項目的開發(fā)效率是很有幫助的。

 （五）前端組件化

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