摘要：而作為一個從成都的菜鳥，蛻變成一名北京的菜鳥，也來談談自己對于前端的理解。來了北京之后，才算是見識了真正的前端。隨著學習的慢慢提升，會感覺到北京的前端更加具有明確的方向。總的來說，在北京，前端更加專業(yè)與明確一點，發(fā)展更加好一點。

萬事開頭難。

當我想要認真寫一篇文章向大家分享我對前端的認識與感悟的時候，突然就深刻的體會到了這句話確實太有道理了。

最近幾年對于web前端的傳聞很多，比如人才稀缺，簡單易學，待遇豐厚，整體勢頭發(fā)展良好等等。曾看到過有人對前端市場人才的稀缺這樣吹捧過：

現(xiàn)在，幾乎整個互聯(lián)網(wǎng)行業(yè)都缺前端工程師，不僅在剛起步的創(chuàng)業(yè)公司，對上市公司乃至巨頭這個問題也一樣存在。沒錯，優(yōu)秀的前端工程師簡直比大熊貓還稀少。不僅在國內(nèi)的互聯(lián)網(wǎng)行業(yè)，在國外，前端工程師一樣是需求旺盛、供不應求的香餑餑。

對于這樣的吹捧，不反對也不支持。但是這些傳聞似乎對大家具有強烈的吸引力，遇到過一個搞python開發(fā)的同事跑來問我學習前端需要掌握哪些內(nèi)容，也聽說過一個搞IOS開發(fā)準備自學前端半個月然后要去找前端工作，越來越多的人準備成為一名前端工程師。

因為由于每個人的位置，經(jīng)歷的不同，對事總會有不同層面的理解。而作為一個從成都的菜鳥，蛻變成一名北京的菜鳥，也來談談自己對于前端的理解。

在成都的大部分公司，有一種專門負責切圖排版的網(wǎng)頁工程師。他們需要懂一些PS，然后會使用HTML與CSS排版。而這類人往往是剛參加工作不久的畢業(yè)生，響應式布局對他們來說是一種高大上的技能。很榮幸，我也曾經(jīng)是他們的一員，也正因為如此，我掌握著熟練的切圖技巧，而這個層次，可能就是外人認為的入門容易吧，然而實際上還差很遠很遠。

另外一種，就是比較厲害一點的程序員。他們會js+一門后端語言，比如php，jsp。但是他們會會更加偏向后端一點，他們將html,css,js當成一種很基本的東西，更多的邏輯都使用后端語言來處理，并不會那么清晰的將html頁面與后端語言分離開來。所以我們常常會看到有的頁面以.php，.jsp結(jié)尾。

來了北京之后，才算是見識了真正的web前端。以至于常常會有一種恨自己為什么不早一點來的感覺，恍如隔世。隨著學習的慢慢提升，會感覺到北京的前端更加具有明確的方向。

我們會真正的注重用戶體驗，所以每個頁面都會響應式布局，從PC端適配到最小320px寬度的移動端，更加注重html5/css3的相關(guān)知識的運用，也會為了用戶體驗做很多功能之外的更加合理的處理。會真的很認真的考慮面試中常常會問的如何優(yōu)化前端性能。因此我們使用gulp+require來構(gòu)建前端代碼，壓縮，打包，上傳cdn。

總的來說，在北京，前端更加專業(yè)與明確一點，發(fā)展更加好一點。

我曾經(jīng)很認真的思考過這個問題，很多前輩大神告訴我，“興趣很重要。”
可是我經(jīng)過仔細分析自身的情況之后，卻得出了一個相反的結(jié)論。
因為我并沒有發(fā)現(xiàn)什么東西是我感興趣、并且能讓我能夠混口飯吃的。然后現(xiàn)在我也覺得只要我能夠這樣慢慢努力下去，在前端這個行業(yè)里，還是能夠擁有一席之地。現(xiàn)實一點來說，只要你能夠進下心來不排斥它，你就可以選擇它。畢竟人都是要吃飯，要養(yǎng)活自己的，我想大多數(shù)人都是沒辦法指著自己的興趣過活的。

《一萬小時天才理論》告訴我們，在某一個方向?qū)Ｗ⒁蝗f小時，你就能夠成為這個方向的專家。我認為，這個道理，在前端也同樣適用，專注，比興趣更加重要。

三、什么心態(tài)會影響自己的進步？

不堅定。

至少我現(xiàn)在可以肯定的是，前端方向，并不是一個糟糕的選擇。在最初的時候，時常會在UI設(shè)計與前端之間搖擺不定。我認為我對UI設(shè)計更加感興趣一點。特別是參與了電信一個視頻播放app的設(shè)計之后，更是認為自己未來是有機會成為一名優(yōu)秀的UI設(shè)計師。但是我另外又覺得自己在前端方向會更加快一點提升自己。于是在很長一段時間里就糾結(jié)在這個問題上搖擺不定，停滯不前。其實不管堅定的選擇哪一個方向，在目前的互聯(lián)網(wǎng)行業(yè)里，都是很熱門的選擇，都有出頭之日。而最大的錯誤就在于，猶豫不決。

浮躁。

如果我最終沒能成為一名優(yōu)秀的前端工程師，那么最大的原因肯定就是心態(tài)的浮躁。

誰都想要在短期內(nèi)成為一名學識淵博，經(jīng)驗豐富，德高望重的前端工程師。我也想，這是很難避免的一個心態(tài)問題，別人高額的薪水與自己的窘迫的現(xiàn)狀形成的強烈反差總是那么輕易的擾亂心神。所以一個月從入門到精通，3個月從入門到精通之類的宣傳標語，都是非常受歡迎。然而事實上，這并不可能。打著這些宣傳標語的培訓機構(gòu)，最多只能帶你入門。甚至很有可能一位在前端行業(yè)沉浮好幾年的老同學都不敢說自己已經(jīng)在這個行業(yè)算得上優(yōu)秀了。并不是說幾年的時間沒辦法變得優(yōu)秀，而是能夠靜下心來潛心修煉的人確實鳳毛麟角。所以其實實際情況是慢慢來，才最快

畢業(yè)幾年，感覺自己前進道路上最大的阻礙就是這兩個心態(tài)問題。這也正是我開公眾號的初衷所在，我希望能夠靜下心來，將自己學到的東西整理出來，分享給大家，一來慢慢豎立自己的個人品牌，讓別人能夠更加簡單直接的了解自己，二來也鍛煉自己的心態(tài)。在這里也謝謝大家的關(guān)注與支持。

很多時候我都會覺得前端對于新人來說其實挺過分的。
想要學習一門ui框架，有什么easyui，bootstrap，F(xiàn)oundation等等。想要搞一個自己的靜態(tài)博客，有什么wordpress，jekyll，hexo等等
想要學構(gòu)建工具，有什么grunt，gulp，webpack等等
還有好多傳說中都很厲害的庫，jQuery，angular，vue，react等等
真的眼花繚亂，剛開始怎么分得清誰比誰好啊。一不小心就走一大堆的彎路。

所以這個時候我們就必須明白一個道理。基礎(chǔ)的重要性在于，他能夠提高我們的學習能力。

bootstrap，angularjs最初于我如傳說中的存在，高不可攀。而且很多公司招人都希望員工能夠掌握這些技術(shù)。所以我在基礎(chǔ)很薄弱的時候就開始嘗試去學習，很顯然，效果是幾乎沒有的。反而會減少我對于前端的自信，會很容易產(chǎn)生動搖，覺得自己不適合。

可是隨著基礎(chǔ)的慢慢提升，我發(fā)現(xiàn)要掌握bootstrap與angularjs似乎也沒有那么難。我甚至能夠看著文檔就有模有樣的將這些技術(shù)運用起來。這對于以前的我來說，簡直就是不可思議。

因此，從以前的高不可攀，到現(xiàn)在的觸手可及，讓我明白了基礎(chǔ)的重要性。

而對于最近非常火的react，webpack等，掌握起來也沒有當初那種無法觸及的感覺。這些技術(shù)之所以能火，就說明能夠?qū)W會的人很多，他并不存在特別難以掌握的瓶頸。如果你的基礎(chǔ)夠牢靠，你就是這些技術(shù)的弄潮兒。

前端不簡單的地方，并不在于知識點的掌握，技術(shù)的實現(xiàn)，而在于尋找更優(yōu)解。即使是最簡單的頁面布局，也存在層出不窮的優(yōu)秀解決方案，比如在大學的時候，常用table元素來實現(xiàn)幾乎所有的頁面布局，到現(xiàn)在理解文檔流，會運用浮動，各種盒模型，BFC等來實現(xiàn)布局這中間的差距對于一個新人來說是非常巨大的。

從最初的寫一大堆js代碼，實現(xiàn)一個頁面的小功能，到后來發(fā)現(xiàn)有的人只需要用幾行代碼配合html/css就可以控制整個頁面的所有動畫，這中間的差距，也是非常巨大的。所以前端并不是外界認為的那么簡單，甚至并不比掌握好一門后端程序語言那么容易。所以我們要保持敬畏之心。

學習方法

在我這個階段的認識來看，我認為學習最靠譜的方法就是積累。有一個很普遍的假象是，互聯(lián)網(wǎng)時代似乎獲取知識越來越容易，很多人都在擔憂所謂的信息過剩的問題。然而實際情況卻是，我們更加難以捕捉到對我們來說真正有用的信息。而前端的知識相對而言更加零散與碎片化，并且越來越多樣化，所以知識的積累則是一個非常重要的過程。

英語很重要

英語很重要的原因是因為國外的技術(shù)比我們發(fā)達，我們常常需要閱讀國外的文章來提升自己，也常常需要在google搜索上找到自己問題的答案

總的來說，在前端的道路上，遇到過動搖，困惑，迷茫。也因為浮躁的心態(tài)停滯不前。好在都一步一步的走了過來。并且可以很把握的告訴自己，這個方向，不會虧待我的付出與努力。

花了很多時間，終于把這篇文章寫完了，淚奔！寫文章對于一個程序員來說真的是超級大的挑戰(zhàn)。感悟就是萬事開頭難，中間難，結(jié)尾也難。