我總結幾點：

1、給自己明確學習目標，制定計劃。（基礎的知識大同小異，提升能力的知識儘量學習新一點的）

2、捨得花時間，願意堅持

3、耐下心來，穩紮穩打，一定要有自制力

4、週期性的回顧一下前面學的，避免又陌生了或者遺忘

這裡，如果你的付出打折了，那效果也肯定打折，可能一年能達到的，你要兩年或者三年，甚至更久等等，做程式都是靠自律，沒有捷徑。

首先，成為一名成熟的開發者，首先必是一位有基礎的開發。

所以最基本的一些HTML、CSS、JavaScript這些基礎的語法，就不詳細說了。

紮實的JavaScript基礎

在前端開發裡，最講究的還是在JS裡，基礎的語法，能運用很簡單。

但是說成熟開發，那必然是對JavaScript是熟練掌握和有深入的理解了。說到要熟練掌握JavaScript，那必然是要掌握閉包，ES678,原型鏈，這一系列的了。

除了紮實的JS基礎，還有就是要掌握符合目前市場需求的技術點了。

多終端開發

除了基礎的PC端，目前移動端可以說是非常火的了。

比PC端單一的網頁不同，在移動端的技術可以應用到WEB-APP,小程式，Hybrid-App等等。

做好WEB-APP開發，最基本的很多人肯定會說響應式佈局，但是前端開發是又5種佈局法的，除了出名的響應式，還有在移動端最重要的彈性佈局法，也就是很多人頭疼的rem佈局。

除了佈局方法之外，在H5新特性和觸屏事件和裝置相容性問題也是需要信手拈來。

小程式，這個也不用多說，現在可以說是非常火的，各大平臺都有在做自己的小程式，各種砍價，搶票，電商，遊戲都有運用。這個以微信小程式為例，主要是微信團隊基於前端基礎來做的封裝語法，主要的還是ES語法。小程式目前很多公司都是招聘前端開發，目前還沒有獨立的小程式開發工程師，所以小程式可以說是前端工程師高薪就業的加分技能，換句話說就是成熟開發必備了。

Hybrid-App，又稱混合式APP，可能聽說的人很少，但是18年是越來越多人去開發了，這種是能直接產出下載到終端的APP的，在體驗感上可以說已經具備傳統APP的大部分功能了。這種開發門檻較低，也就是前端開發就可以完成。多數都是大包平臺就能做，這個你可以後面瞭解一下。

前端主流技術框架

前面的都是基礎東西，現在去就業前端開發，不是隻靠個基礎東西，搞個移動端頁面就可以算成熟了。前端3大框架，VUE、Angular、React這3個可以說是現在非常火熱的了。

基礎語法都可以寫的前端，為什麼還要框架？

很多小白朋友是不懂什麼是框架的，只聽過jQuery這些東西，以為就是框架。或者認為框架就是加速開發，覺得這些庫、外掛就能完成框架的工作了。

其實框架的出現，是改變前端地位的重要標誌。最重要的表現，就是前後端分離，在前後端分離之前，很多後端開發都是又當爹又當媽的，效果不好效率也不高，我就是在後端出身，深知痛苦。

現在的前端專案，比以前是更加複雜化、多樣化了。專案複雜了，問題也多了。

那框架到底解決了什麼問題？

解決重複引用外部js，以用jQuery開發為例，很多時候都是不能單一完成一個專案的，還需要引用很多的第三方外掛和庫，導致會一個專案引入很多外部JS檔案。

這樣不僅讓程式碼變得雜亂，而且很影響開啟速度。但是用框架呢，以VUE為例，一般會和構建工具配合，然後就是一個入口檔案就可以完成了，在執行時候就在入口引入一次，一勞永逸。

使用元件化開發，元件是前端框架裡非常強大的功能之一，它可以擴充套件你的HTML，封裝可以重用的程式碼塊，比如你的輪播圖、tab切換、頁面頭部、頁面底部等等。

這種獨立的元件具有了結構（html），表現（css）和行為（js）完整的功能，很大程度的節省了程式碼量，提高了程式碼的複用性。特別是團隊合作的時候，可以很好的提高使用效率。

減少開發週期，如果你覺得jQuery可以減少開發週期了，那其實框架可以比庫更快。比如說使用jQuery開發的時候，很多時候是需要頻繁去操作DOM，每次效果都要去查詢DOM，這樣就顯得很繁瑣了。使用框架的時候，很多功能都得到了封裝，比如說很多指令都有資料繫結，資料格式化這些功能。這樣更多時候，我們開發的時候只需要關注資料的邏輯就行了。

沒有真正的成熟

你會提出成熟，是因為想給自己一個標準，但是做技術工作，最重要還是市場的標準。

前端技術是日新月異的，基本每年都是會有新的概念，新的架構，新的應用產品，新的互動體檢。這些都是有不確定性的。

做技術沒有真正的成熟可言，更多的還是不斷學習，持續進步。

把技術不斷做到專，做到精，才能在當前時代成為“成熟”。

呵呵，中低端前端以後都是死路，或者薪水較低，主要是現在JAVA的碼農都開始自己搞前端頁面，弄的前端開發的達不到全棧全通的水平，估計以後沒活路了………

我覺得一個成熟的開發者首先需要的是理解問題，分析問題，解決問題的能力。前端開發者要在前端具有特長，熟悉前端語言javascript是基本的，包括es5，es6等語言的變化和發展，瞭解一些如typescript等語言的變種，還需要掌握一些前端的工具，比如webpack，然後就是前端框架，reactjs, vue, angular等，精通一種，其它簡單涉獵就行。接著是樣式，熟悉css，以及一些scss等語言。當然還有基礎的html。除了語言的基本功，還需要頁面設計和圖片編輯能力，至少要能和設計人員良好溝通。往後端看，要能理解業務和後端api的設計，同樣是為了和後端共同完成業務。