萬事開頭難,。

最近幾年對(duì)于web前端的傳聞很多,，比如人才稀缺,，簡(jiǎn)單易學(xué)，待遇豐厚,，整體勢(shì)頭發(fā)展良好等等,。遇到過一個(gè)不太熟搞后臺(tái)開發(fā)的同事跑來問我學(xué)習(xí)前端需要掌握哪些內(nèi)容，也聽說過一個(gè)搞IOS開發(fā)準(zhǔn)備自學(xué)前端半個(gè)月然后要去找前端工作,，也曾看到過有人對(duì)前端市場(chǎng)人才的稀缺這樣吹捧過：

現(xiàn)在,，幾乎整個(gè)互聯(lián)網(wǎng)行業(yè)都缺前端工程師，不僅在剛起步的創(chuàng)業(yè)公司,，對(duì)上市公司乃至巨頭這個(gè)問題也一樣存在,。沒錯(cuò)，優(yōu)秀的前端工程師簡(jiǎn)直比大熊貓還稀少,。

... ...

不僅在國(guó)內(nèi)的互聯(lián)網(wǎng)行業(yè),，在國(guó)外，前端工程師一樣是需求旺盛,、供不應(yīng)求的香餑餑,。

對(duì)于這樣的吹捧，不反對(duì)也不支持,。因?yàn)橛捎诿總€(gè)人的位置,，經(jīng)歷的不同，對(duì)事總會(huì)有不同層面的理解,。而作為一個(gè)從成都的菜鳥,，蛻變成一名北京的菜鳥，也來談?wù)勛约簩?duì)于前端的理解,。

一,、地域差異

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

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

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

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

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

二,、興趣是否重要？

我曾經(jīng)很認(rèn)真的思考過這個(gè)問題,，很多前輩大神告訴我,，“興趣很重要?！?/span>

可是我經(jīng)過仔細(xì)分析自身的情況之后,，卻得出了一個(gè)相反的結(jié)論。

因?yàn)槲也]有發(fā)現(xiàn)什么東西是我感興趣,、并且能讓我能夠混口飯吃的,。然后現(xiàn)在我也覺得只要我能夠這樣慢慢努力下去,，在前端這個(gè)行業(yè)里，還是能夠擁有一席之地?，F(xiàn)實(shí)一點(diǎn)來說,，只要你能夠進(jìn)下心來不排斥它，你就可以選擇它,。畢竟人都是要吃飯,，要養(yǎng)活自己的，我想大多數(shù)人都是沒辦法指著自己的興趣過活的,。

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

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

不堅(jiān)定

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

浮躁

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

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

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

四、 如何應(yīng)對(duì)新技術(shù)層出不窮的現(xiàn)狀

很多時(shí)候我都會(huì)覺得前端對(duì)于新人來說其實(shí)挺過分的,。

想要學(xué)習(xí)一門ui框架,，有什么easyui，bootstrap,，F(xiàn)oundation等等,。想要搞一個(gè)自己的靜態(tài)博客，有什么wordpress,，jekyll，hexo等等,。

想要學(xué)構(gòu)建工具,，有什么grunt，gulp，webpack等等,。

還有好多傳說中都很厲害的庫,，jQuery，angular,，vue,，react等等。

真的眼花繚亂,，剛開始怎么分得清誰比誰好啊,。一不小心就走一大堆的彎路。

所以這個(gè)時(shí)候我們就必須明白一個(gè)道理,?；A(chǔ)的重要性在于，他能夠提高我們的學(xué)習(xí)能力,。

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

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

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

五、前端并沒有那么簡(jiǎn)單

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

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

六,、其他

學(xué)習(xí)方法

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

英語很重要

英語很重要的原因是因?yàn)閲?guó)外的技術(shù)比我們發(fā)達(dá),，我們常常需要閱讀國(guó)外的文章來提升自己,，也常常需要在google搜索上找到自己?jiǎn)栴}的答案。

總的來說,，在前端的道路上,，遇到過動(dòng)搖，困惑,，迷茫,。也因?yàn)楦≡甑男膽B(tài)停滯不前。好在都一步一步的走了過來,。并且可以很把握的告訴自己,，這個(gè)方向，不會(huì)虧待我的付出與努力,。

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