摘要：作為文科專業畢業，無名校背景，無任何關系，沒有接受過任何專業培訓，完全靠自學和看書看視頻做了五年前端，在外包公司，創業公司，級公司再到新型互聯網公司都呆過，想結合自己的經歷談談對于自學前端的一些看法學習大綱關于技術棧學習，網上總會有各種討論

作為文科專業畢業，無名校背景，無任何關系，沒有接受過任何專業培訓，完全靠自學和看書看視頻做了五年前端，在外包公司，創業公司，BAT級公司再到新型互聯網公司都呆過，想結合自己的經歷談談對于自學前端的一些看法:

關于技術棧學習，網上總會有各種討論，在此我就不詳述了，感興趣的話可以看看github上的一份前端學習大綱：2016年前端知識學習大綱，這個基本能覆蓋絕大部分新手需要學習和掌握的內容，后面我更想聊聊自己對技術學習上的經驗歸結。

首先對于前端學習需要有認同感，關于這點非常非常非常重要，想必大部分人學前端的初衷是覺得前端相對于簡單，上手快也不需要學習算法，編譯原理，數據庫，操作系統，網絡原理都諸多基礎知識，所見即所得馬上就能開始干活，而且外觀呈現和交互效果這類東西比較容易激發人的學習興趣，另一種情況是做后端，做客戶端，做產品的同學覺得自己的發展遇到了瓶頸，轉做前端無論是從上手程度還是快速出活等都相對容易，加上這幾年h5應用，webapp，微應用，小程序，混合app開發等各種新概念層出不窮，市場認可度也比較高，行業需求的水轉船高也讓前端的職位的一直供不應求，但是請不要因為以上的外在因素降低了自身的學習標準，前端開發做到后面仍然是軟件開發的一個工種，軟件技術的一些普世性標準放到這塊也同樣適用，比如基礎算法，編程語言，設計模式，工程管理，網絡知識等都是通用的，甚至這些基礎底蘊掌握的好壞會直接決定你后續的發展空間，所以請放棄前端=頁面仔這種幼稚的想法，努力提升自己的內功修煉。

前端是門一直在變化的工種，相對于服務端和客戶端的開發，無論是技術沉淀還是框架的選用等業內都會有一套大致認同的標準，更多時候我們是根據自身的產品類型和業務發展來做技術選型，但是前端則不然，這是為數不多走的官方標準落實緩慢，民間標準層出不求，然后民間標準流行后再反推官方標準更新的技術路線，這就直接導致了好不容易學了點新技術標準卻苦于無合適的環境可以使用，好不容易掌握了一個流行框架和工具然后隔年再看發現業內都不用了，不同的瀏覽器和軟件大廠紛紛推自己的特殊標準來占據市場導致同一套標準下的代碼在不同的環境中還會有各種兼容性問題等各種囧境，這就要求作為前端開發者天生就需要具備各種積極主動和開放包容的學習精神，多與業內的同行交流，多去關注下github上的一些火熱的項目，多去嘗試些新技術理念和調試一切的耐心。比如前幾年會寫jquery，了解CSS就能開始干活，加配個grunt和less已經算是高配，但是現在我們再看看，你要不整點node的基礎環境，不弄個npm和yarn來管理你的資源依賴，不整點單頁路由，不上點babel和typescript來預編譯下高級語法特性，不用點數據驅動和MVVM之類的框架，不來點redux，rx-js之類的編程模型，不整點webapck之類的依賴管理與打包工具，不上點mocha，jasmine之類的測試驅動開發框架等，你都不好意思說自己在做前端開發，誠然很多人都會說我只是想寫個頁面為何要弄的這么復雜，但是大家為何不反思下我們的頁面開發的工作模式和技術選型上是不是真的一直以來被我們低估了才會有如此大的偏見，況且現在前端開發的工作量已經不同往日，服務的接口日趨API化，各種處理業務和控制層等操作也在逐步往前端遷移，這也對我們的工程化規模控制提供了更加嚴格的要求，而非之前的拼成各種腳本片段；

前端是門不斷借鑒的工作，這里說的借鑒其實并不等于抄襲，而是指不斷在站在巨人的肩膀上創新的過程，如果來看今天js的發展。當年js的作者都不會想到自己當初只是設計用來驗證頁面表單的語言能發展到如今這個程度，但是隨著技術領域的不斷發展，業內大家都比較公認的一些好的設計模式，架構理念其實也是不斷地被一些新型的js庫的作者所借鑒，比如當下最火的angularjs2，react，vue等，其中的很多數據更新策略，分層設計以及組件分層的思想其實在很多其他語言框架的設計中早已體現，只是把這些概念帶到了js中再根據語言特點重新做了優化實現，好的技術理念與算法其實是和語言無關的，所以多了解些通用的技術準則和最佳實踐才能不斷創新，不然的話永遠只是做API的調用黨和框架的追隨者，自身的發展就容易陷入迷茫期。

前端發展到現在可謂層出不窮，百花齊放，但是如何選擇做適合自己項目的技術選型，這其實也是非常考驗每個從業人員的能力，一方面團隊和個人需要成長，肯定會愿意在項目中去嘗試些新的技術框架和理念，另一方面工作需要快速出活以及舊的業務需要平穩過渡，考慮到前后的銜接也不可能完全棄舊的技術體系不顧，同時還需要考慮技術的穩定性以及后續的升級維護成本，第三方資源，社區活躍度以及生態發展環境等等，作為前端從業者是需要你對自己選擇的結果負責的，所以我們的指導原則應該是多考慮下自己以及團隊的能力，hold不hold住，如果出現了最壞的情況該如何處理，如果出現了源碼級的bug改怎么調試。遇到了文檔匱乏和團隊成員水平不一致該如何配合等等，這些都應該作為你的技術選型的參考，而非單純的求新求酷，我們不排斥新技術，也不輕易否認各種框架的優缺點，但是前提是請先多了解多思考，做最佳的選擇。

萬變不離其宗，技術和基礎的沉淀才最重要，誠然各種理念和框架在不斷涌現，但是語言最本質的一些東西是不會變的，ecmascript的語言基礎特性，html的語義標準，css的各種特性，http協議，設計模式以及常用的頁面優化性能實現等等，這些最接近技術本質的東西是任何框架都取代不了的，所以時不時地回過頭來多多看看這些東西，可以的話，自己也多寫點博客文章或者造個輪子，對于自身的提升也極其有用的。

最后我想說的是如果條件允許的話，建議初學者還是多去大公司鍛煉鍛煉或者多研究一些業內主流公司的標準，畢竟先以高標準來要求自己，即使客觀環境再怎么惡劣也不至于完全走偏，但是相反一開始就都是些野路子，完全按著自己的主觀臆想和快速出活的想法去積累經驗，那樣往往容易陷入被動，后面再糾正回來無論是成本還是時間損耗都是巨大的。