技巧壹:繪制原型圖並實現效果圖；
優秀的前端開發人員必須精通壹種原型設計工具，並能夠通過工具將想法繪制成原型圖紙。同時，設計的視覺草稿可以通過頁面代碼來表達。例如目前最流行、最方便的原型工具Mockplus和歷史悠久的Axure等。
技能二:與設計師溝通和項目參與；
各行各業之間的交流非常重要。作為前端開發人員，最重要的“客戶”是項目設計人員。設計師根據原型繪制了視覺草圖。在這個過程中，前端開發人員需要與設計師討論壹些效果的實現。
技巧3:構建良好的頁面結構:
前端開發中頁面結構的編寫就像蓋房子時打地基壹樣。結構的好壞將直接影響代碼的質量、JS開發、後端開發以及未來頁面的擴展、調整和叠代。拿到設計稿不要急著動手，多觀察多思考。
技巧四:漂亮的代碼:
隨著web項目的功能變得越來越復雜，直接的後果是代碼量變得巨大。如何進行協同開發和代碼維護是從前端開發開始就要考慮的問題。在這種情況下，需要考慮完善性，統壹規劃並養成良好的代碼開發習慣。
技巧五:保證效率:
作為項目開發的前端部分，前端開發人員必須有壹個認識:盡快完成，為項目的後續進展贏得更多時間。“工欲善其事，必先利其器”，除此之外實踐經驗和代碼習慣的養成也能幫助我們提高效率。
如果妳想提高自己控制自己開發進度的能力，妳需要學會使用輔助工具來幫助提高頁面開發的效率。例如，使用Less或Sass可以幫助我們擴展和組織CSS，這大大提高了CSS編寫的效率和可維護性。
技能6:服務器優化:
頁面開發還需要了解服務器的優化，以最大限度地減輕服務器的負擔。例如，css sprite是減少服務器請求數量的典型示例，類名被混淆和壓縮以避免長命名的冗余；應用base64以減少請求數量和其他措施。
這些都是綜合權衡的結果，需要考慮各個方面進行整體優化。因為當頁面訪問量達到壹定數量級時，即使是壹點點優化也會取得可觀的效果，否則小問題會帶來大災難。
技能7:永遠不要停止學習:
這是壹個快速發展的時代，也是壹個充滿機遇的時代。HTML5時代的到來隨著移動互聯網的興起創造了更大的機會，仍然有太多值得學習和發現的東西。
作為壹名開發人員，站在技術的最前沿始終是保持競爭力的最佳方式。俗話說:“只有高屋建瓴，才能成事。”以蘋果首席執行官在斯坦福大學演講時所說的“保持饑餓，保持愚蠢”為例。