（一）切圖

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

 （二）編寫html/css/js

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

 （三）前端自動化

 提高開發效率，不得不提一些前端的自動化工具，可以使用npm來管理我們的項目文件；利用webpack來打壓縮我們的代碼；利用node.js來實現構建本地服務器；利用karma、jasmine來測試我們的前端代碼。

 （四）前端模塊化

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

 （五）前端組件化

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