做為初入職的Web前端開發，應該如何儘快提高自己的能力？

大學即將畢業，專業是電氣工程及其自動化，憑藉興趣和業餘時間自學了div+css，做頁面開發和重構比較熟練。但是javascript和jquery皮毛而已。馬上畢業，現在一家小公司實習。深愛著Web前端開發和php等，求前輩指教，做為非科班，如何儘快提升自己的能力？謝謝！

---

實名反對樓上 @暗滅。

麻煩就算你要裝逼也別誤導新人好么，說的好像挺厲害的然而並沒有什麼卵用，人家問的如何快速提高自己的Web前端開發能力，列舉的十條隨便百度下就知道的知識體系需要你來強調？看了半天並不會覺得對新人有什麼幫助。「前端人員好好的做自己的前端，別聽那些人扯淡說要學什麼後端。 」 這句話完全就是在瞎J8扯淡誤人子弟。做前端的不了解後端，數據交互怎麼寫？介面怎麼寫？說的懂後端又沒叫你去寫伺服器！沒叫你去寫伺服器！！沒叫你去寫伺服器！！！

至少做前端數據交互的，從資料庫到伺服器邏輯到前端頁面展示，這一套流程總得清楚吧，這裡再怎麼都繞不開後端的。

以下開始寫答案。

首先做Web前端的，要對前端的知識結構有清晰的認知。就是你必須明白前端的知識是由哪幾個部分組成，換個說法是：要明白一個功能完整的網站，從頁面展示 到 伺服器處理業務邏輯，經過的幾個流程要弄明白，哪些是可以在頁面就處理完成的，哪些是需要提交到後台去操作的，自己心裡要有個大概了解。在這個流程里，各自要用到什麼技術，諸如html css JS nodeJS JAVA 等等在這個流程里各自扮演什麼角色，承擔什麼樣的任務，對這些有個清晰的認知，學習的時候才不會覺得那麼茫然。對於新人來說，剛開始上手就弄明白這些肯定是不現實的。

下班了，佔個坑，空了來補充答案

~~~~~~~~~~~~~~分隔線~~~~~~~~~~~~~~~~~~~~~~

以下更新。前端的知識體系太過龐大，各種框架也會讓人眼花繚亂完全不知道如何下手，去網上找個在線學習的平台，會發現一大堆你不知道是用來幹嘛的框架教程。事實上，這些框架都是從最基礎的HTML CSS JS 上衍生過來的，因此，剛入坑的小菜們，不要被網上的一堆框架教程所迷惑，專心學好HTML CSS JS，

這裡需要強調三遍：基礎很重要！！！基礎很重要！！！基礎很重要！！！

到你能布局比較合理並且兼容沒有什麼問題，兼顧標籤語義化，實現大部分基礎的JS交互效果（焦點圖，選項卡，表單驗證之類的簡單效果），再去按照自己的需求學習其他的框架類的東西。千萬不要盲目的學習，千萬不要自己學的東西可以用來幹嘛都不知道！！！

1.HTML css

這是前端最基本的知識，相當於小學要學習字母拼音的那種。兩者沒有多少可以說的，主要是需要多少了解一些瀏覽器運行原理，從而盡量的提升瀏覽器性能。例如用CSS 渲染頁面的時候，盡量的減少頁面渲染次數，用html布局的時候，盡量的做到標籤語義化之類的，這是一個合格的前端必須會的入門知識。學習這兩個不難，照著網上的教程做就可以了。智商沒大問題的，花一兩個月你就能做出大部分的靜態頁面了。另外可以了解下less/sass，這個時候，你會覺得自己已經入門了。

這點對題主應該沒問題的。

2.JS

分辨一個前端是小菜鳥還是大菜鳥的區別，就是看JS的功底了。建議先學Jquery，Jquery 代碼更簡單，可讀性更強，學習起來更容易一點，咱先不去管JS的底層原理，什麼閉包，原型之類的先統統不去管。隨便來點教程跟著學，跟著練，然後去找別人寫好的代碼、插件之類的拿來看，任何看不懂的都去百度，一定要弄明白每一行代碼的意義，然後通讀下來，學習別人程序運行的邏輯，自己多練練，積累下來的經驗能讓自己獨立的寫一些交互效果了之後，再回過頭去看JS的底層原理，這個時候你就會發現，諸如閉包，原型鏈這些，原來很好理解嘛，並且基本看過一兩遍之後，就能讓自己用得 得心應手，然後就自己多封裝幾個插件，多用用繼承類相關的東西。這個時候，你會覺得自己又一次入門了。

3，各種框架

當你學好上面幾個之後，找個公司實習基本沒啥問題。

題主應該就是處於這個階段和上面一個階段之間。

框架類的東西太多，就盡量按照自己的需求來，Extjs、prototype、kissy，bootstrap、jQuery UI、easyui、flex、angularJS等等都挺火的，但是你學習了在工作中沒有用到的話，也只是充實了一下自己的知識體系而已。當你把自己業務範圍內的都做得隨心所欲了，再去了解那些框架，分析利弊適用範圍，用自己積累下來的經驗選擇比較適合自己的來學習。其實如果基礎牢靠，經驗積累足夠，什麼框架拿來都是可以輕鬆上手。在這個階段里，更多的應該是鞏固一下自己的學習所得，多做一些項目，熟悉不同的開發模式。做電商的，面向J2EE的，都多參與一下，前端工程化，組件化這些概念要知道。幾個項目下來，累積的經驗也能應付大部分前端的任務了。

4.nodeJS /Python之類的

當你做到上面幾點之後，你不會滿足於現在的自己只是寫寫前端交互效果，重構一下頁面，處理下兼容這些簡單的工作。一個前端大牛，必須要學會搭建一個網站的框架，那麼你就可以朝著NodeJS 之類的前進了，到了這個程度，已經不需要別人為你指點什麼了，就照著自己的理解去學就是了。

以上。

---

想要在前端快速提高自己，做好你現在的項目，直至上線，包括上線後的bug修復，舉個例子：

假設你們公司正在做一個電商網站，你負責前端所有模塊，接著，好戲開始了。

1，你首先要分析前端用什麼架構，這個是最考驗人的，因為對你後期代碼的維護非常重要。如果你這一步做不好，那麼就先學習如何架構前端項目。選定了架構，就要堅持到項目上線，通常時間不會等人，中途更換架構不太可能。

2，現在前端都用自動化工具構建了，你不得不研究自動化工具到底有什麼優點，會不會給你的開發帶來效率的提高。當然，我是推薦使用的。

3，你要開始寫html和css了，這個階段，你要問自己，是不是能實現網頁布局效果？還要問自己需要兼容哪些瀏覽器？要不要適配？開發過程中遇到的一個又一個問題，用心去思考了，html和css水平自然會上漲，這一步不是最難的。

4，做好一個靜態頁面，不是最終目標，你還要提取公共模塊，封裝成可以復用的組件，這就需要js，那麼，如果你不懂原生js，可以藉助jquery之類的庫去實現你的目標。或許這個階段你需要實現很多特效，就需要考慮是用css3實現還是js實現。

5，完成了基本頁面的製作，這個時候，要和後端交互了，假設你們團隊是前後端分離的，後端還沒有寫好，但是提供了API，你就要自己寫mock server。寫好mock，還要考慮用什麼非同步方案，用es5，還是es6，都是要慎重考慮的東西。還要給後端反饋API的合理性，做好非同步的優化。

6，後端完成了，你可以跟後端做測試了，這個時候就考驗你做寫的代碼是不是靈活，跟後端測試，要了解cookie，restful等。

7，一連串的測試，反饋，測試，再反饋，搞的心煩意亂，可是不知不覺中，你的網站也要上線了，有沒有一種驚喜，回顧走過的路，總結出來一句話：遇到問題，解決問題。

開發之路沒有捷徑，明白自己的目標才是最重要的，做前端，為的就是做好這個網站，給團隊的其他人能快速學習你的架構，給客戶看到你網站好的展示。無論是多少年經驗，每遇到一個新的項目，都是一個新的開始，你所能做的就是從起點堅持到終點。

---

持續學習！持續學習！持續學習！重要的事情要說三遍。

作為初入職的Web前端開發，應該如何儘快提高自己的能力？

題主的問題的重點應該是『儘快提高』，這個簡單，我的經驗就是：

1.跟著教程做實例項目，lynda, pluralsight, tutsplus, 慕課網，極客學院上這樣的課程還是很多的

2.不斷積累小項目的經驗，參考Codepen.io, codrops上的各種好玩的代碼

3.積累代碼量，寫自己的個人項目， 等你有了10萬+行JS代碼的時候，你已經是個准大牛了。

要想走的更遠，攀的更高，則需要更紮實的基礎，將計算機學科其他知識用JS去實現，和題主一樣作為非CS專業的畢業生，我的做法是：

1.學習更多語言，C++，Python，GO，Rust，Clojure等，了解其他語言，才更能知道JS自身的缺陷。

2.補習CS基礎知識，以及線性代數（這個比高數重要）

3.把CS里的幾大方向的知識在前端用JS實現（圖形學，編譯原理，機器視覺，機器學習，等等）

其實到後面，學習CS的理論才是重點，前端還是後端JS還是C++已經不重要了，融會貫通，做到可以根據業務需求隨意切換語言和工具鏈。

那麼JS能在瀏覽器做什麼？

1. 操作系統, yes! 有的是ecmascripten編譯到JS的有的是直接JS寫kernel的！！！

Virtual x86 （x86構架系統模擬器，直接在瀏覽器跑windows 98系統！！）

Emulators written in JavaScript 各種模擬器

Writing an x86 emulator in JavaScript

Javascript PC Emulator js版的Linux系統

2. 學好編譯原理，造自己的語言, 即使不需要造自己的語言，要實現各種轉義和預處理工具例如babel，webpack，post-css，less，都需要用到編譯原理的知識。

3.圖形學Computer Graphics: 基於WebGL的遊戲和3d程序這些自然不用說， 能直接就用2d canvas直接寫一個rasterizer光柵器，用canvas寫raytracer以及實現perspective貼圖等等，這些才是非常有趣和富有挑戰的，說明你對底層的圖形學知識已經非常了解

4.機器視覺Computer Vision: 人臉檢測，物體檢測，追蹤，SFM，SLAM這些都非常有趣，也有js版的opencv：jsfeat

徐普的webSFM： 三維重建 3D reconstruction 有哪些實用演算法？

5.機器學習Machine learning 這也是我現在業餘時間在學習的一個領域

karpathy/convnetjs

junku901/machine_learning

stevenmiller888/mind

我用JS實現的類似Mocha 的plannar tracker

基於FAST 特徵點檢測，ORB特徵點匹配，計算homography， 透視投影canvas不支持projection transform，只能直接用矩陣轉換然後線性插值，再優化一下，運行速度可以接受。所以前端還是有很多東西可以學的，基礎紮實才能走的更遠。

---

謝邀。

很多知友已經回答得非常好了。我只談一下自己的理解和經驗。

前端也好，Web開發也好，本質上都是一門技術。

學習一門技術的最好方式就是通過實踐學習。你沒有必要在很短的時間內刷完很多本書，那樣你的收穫非常有限。

不如你去找一些或大或小的項目去練手。參與github的開源項目也可以，為知名框架寫個小教程也可以，自己造一些小輪子，甚至有野心的話自己試著用流行的原理實現一些小的框架都可以。

相信你每做完一個小項目都會有很大收穫的，做的過程中遇到不懂的知識點再去查去學，也更利於吸收理解。

以上。

---

找個好團隊的答案就是個屁，只要問想儘快提高能力就答：找個好團隊，找你妹啊......

你找給我看，中國牛人更不稀罕教你呢!

事在人為，現今時代，技術知識盡在網路點擊之間，不缺找不到地方學習.

---

瀉藥~~~

回答里這麼多戾氣……

作為一個剛入職場的新人，不建議你現在就去研究技術底層。老人的效率比你高出幾倍不止，他們才有時間去學習新的東西。而你，第一個要做的，就是盡量按時，保質地完成任務。

然後根據任務的不同，有針對性的看幾本補充的書。如果是普通的js前端開發，建議看看犀牛或者紅寶書（這兩本其實現在來看，對新人而言，略微落伍了）。

如果你在前端中使用大量的js庫，比如angular.js,vue.js等等，建議多讀讀官方文檔。這類的技術不建議買書，書的出版速度趕不上技術的更新速度。

至於前端後端，不建議分得太清楚。一般來說，遇到什麼就學著做什麼是最好的。幹個幾個月，你自己會清楚自己想要的方向和技術層次。到那個時候再針對性的提問也許會更好。

===========有贊了吖……再補充幾句===============

大多數人還是普通人，所以我的答案不針對那些進入BAT公司的好學生們。

1.作為職場新人，完成任務是第一要素。你任務都完不成，就別跟我說教練我想好好學代碼。

2.養成良好的代碼習慣。新人沒經驗，沒有技術積累，我理解。你代碼語法可以寫不好，邏輯可以很混亂，但你的代碼格式必須給我寫好，寫得清楚明白。該分段分段，該縮進縮進，該空格空格，該大寫大寫，團隊規範寫分號你就老老實實寫分號。

如果你代碼規範都不遵守，別指望大牛願意幫你看代碼幫你debug。

3.在時間允許的情況下，盡量理解你參與過的代碼模塊的功能，理解你自己使用過的函數和方法的意義。我覺得一個新人能做到這個地步，就非常不簡單了。

前端的知識體系相比較於後端，略顯零散，而且缺乏長期累積的技術底蘊（前端爆發也就是最近幾年的事兒），更注重積累和經驗。一個新人，吃透你自己參與過的每一個函數，並能夠做到合理運用，你就能超過這乎里近一半的程序員。

我沒騙你。

---

同電氣狗，16應屆，自學前端，後端同PHP。。。

基礎不好趕緊把MDN上的手冊啃一遍，如果MDN啃起來費勁的話就先啃W3School，快！

飛了一天剛落地，先說這些，有什麼不明白的儘管問，只是小油條非大牛～

響應知友號召建了個微信群，有空大家一起交流學習哈

（知乎的二維碼識別也是醉，非得逼我動絕招~

---

怎麼說呢，我16年二月開始實習，我也是非科班自學，四月份就獨立上手，六月份到現在幾乎都是獨立的負責一個項目前端，從搭建開發架構開始就是自己獨立做，我總結的，起點低沒關係，珍惜好每一次項目的鍛煉機會，每做完一個都要回顧和總結在這個項目里學到了什麼，有什麼地方需要自己改進，如果你能在一個項目里提出一些合理化的改進個建議，你的直屬上級會對你刮目相看的，當然前提是你的直屬上級不是打壓下屬那種人，我運氣比較好，遇到現在的公司和師傅，每當我完成一個項目開發時，測試過程中我都是對著電腦思考，審查，不僅從代碼角度審查，還從用戶角度，把自己當成用戶，在使用這個產品時有什麼感受，進而去發現這個產品需要改進的地方，自己整理好想法再跟上級很產品跟設計商量自己的想法

---

尼瑪……原來是墳阿，估計題主現在帶著一夥前端小弟笑看我們裝逼。

哈哈哈

說說我的工作歷程。

頁面仔 。

由於第一家公司是建站公司，所以是從寫頁面開始做起，只寫靜態頁，寫了一個月HTML、CSS，已經很熟練了，設計師給的psd，基本上都能寫出來，符合程度怎麼說也有90%。當然會有兼容問題，所以就要百度各種hack的解決方法，也積累了一定的經驗。

特效仔。

注意，是特效。當時看到老大寫的各種炫酷頁面，那個崇拜啊，於是先向他索取了一套 『套輪播圖』 大法，牛逼，我居然能『寫』出這個特效，炫耀的資本啊，菜鳥的心你不懂。然後經過老大的指點接觸了jquery，當時沒有去看原生，也不知道js和jq之間的關係。接著就又開始了一條特效之路，淡入淡出，滑動，自定義動畫，唉啊牛逼，我的特效大法又升級了。

動畫。

這個時候離特效仔也有大半年了，對jq也用的更靈活了，一般的效果也基本能寫出來。這個時候換了一家公司，但是還是建站公司。由於新公司接的項目要求更高，當時了解到有css3這個東東，然後又開始學習css3，位移，過渡，旋轉等等，還有其他一些新特性就不說了，這個時候才算會寫動畫了。靠著jq和css3，還評過幾次公司給的『優秀項目獎』。

然後進入了迷茫期，感覺自己到了瓶頸，不知道怎麼提升，於是加入了各種前端群，通過看各路大神交流和搜索引擎，了解到了ajax ，mvvm框架，各種沒聽過的名詞，最重要的，我應該回歸原生js，於是通過各種方式開始學習原生js，跟著視頻，文檔敲。學了一段時間，有點心煩，因為發現學了沒什麼用啊，雖然對js了解了更多，但是對自己提升不大，這就是當時急於求成的心理，不過還是堅持到了年底。（這個時候沒有學習前端框架，因為看不懂）

接觸ajax、seajs，webpack，vue。

年後換了一個城市，新工作，公司用到的技術seajs+jq(兩周後sea換成了webpack），所以為了更快的融入項目組只能抓緊時間學習，看文檔，這個時候發現看這些文檔並不像以前一樣那麼的吃力，這就是學習原生js的效果。然後開始做項目，那就要需要和後台交互了，以前覺得ajax有多難多神奇，現在才覺得不過如此。還有處理後台數據，還需要編寫一些邏輯來展示這些數據。之後因為公司業務需求，加上mvvm框架的流行等原因，總算開始用上了mvvm框架，vue，有多方便就不說了，沒有dom操作，不要有多爽。

以上持續時間在 2015.3-2016.10 進步的有點慢，勿噴啊。

為了更高的工資，就要有更牛逼的技術，最近我在幹嘛呢，最近在學習如何構建前端項目，並嘗試著用vue寫個單頁面應用，託管在github，主要用到gulp+webpack+vue+vue-router，期間學習了一些nodejs相關的知識。

剛入職還是剛入門？入職了基本上就有方向了啊。

先看公司用什麼技術，著重學習公司所用到的技術。

不要放棄了對原生js的學習，業餘時間多寫，提高自己的js駕馭能力。

多看別人的代碼（優秀的），多關注前端發展，自身要有提高能力的慾望。

---

首先基本功 HTML CSS, 在此基礎上去仿新浪首頁,騰訊首頁等,要求兼容IE6,沒錯就是IE6 ,這樣才會遇到很多平時遇不到的問題,對盒模型的理解更加深入

然後就是js了,先學js基礎的東西.不要高大上的研究什麼 編譯,es6 ,react 什麼亂七八糟的.至少寫個輪播圖,寫個下拉框都能很好的解決.

第三步再開始學HTML5/CSS3 會了JS後 css3 更加容易上手

以上掌握的差不多了, 開始看一本叫 JAVASCRIPT高級程序設計 的書

最後的最後 再是搞什麼框架 ,庫 什麼的 jq, vue,react,webpack,grunt,less,es6,es7, typescript 等等

還有,我支持 前端要懂後端.反正我在學寫過1年多後端

---

與優秀的人做朋友。

---

說我個人吧，2014年，把CSS和js過了一遍，是基礎知識不是任何框架，每塊知識點都老老實實寫個例子，然後學幾個簡單演算法，快速排序，去重，斐波那契，緩衝運動...

找工作，首份工作10k，半年後13k跳到大廠，一年後跳回小廠26k，再一年後32k跳到大廠。

經驗：做需求出成績，基礎好啥都好。

追個jb新框架。

---

前端可不是會html/css/js就完事兒的，你必須要懂後端，前端目前有兩個定位，一種是偏視覺設計的就是頁面仔，一種是偏技術的就是寫javascript類庫、介面、交互，你是新人，兩個你都得會，都得鍛煉，再一個你不是科班出身，本身又落後別人一大截，你更得在全面上下工夫，至於專於某一方向，那是5年以後的事

---

說前端要懂後端的純粹是扯淡+2貨。

PS：實在受不了一群蠢貨了。

什麼叫懂後端？

馬丹你們先弄清楚什麼叫懂後端好了。

不寫過三年五年的後端代碼你有臉說自己懂後端？

別噁心我了好不好。

知道點皮毛的東西別往自己臉上貼金說這就是前端懂後端了。

再說一遍，前端人員好好的做自己的前端，別聽那些人扯淡說要學什麼後端。

邊緣點的知識隨便你學，常識性的東西隨便你學。

1.忘記PHP

2.專註好CSS，做好自適應和響應式。

3.學好Bootstrap

4.學好Less/Sass

5.學好JS，直接跳過原生去看JQuery

備註：一群2缺說自己是回過頭來看原生的。沒關係啊。你回過頭來去看彙編和圖靈機也行啊？

但是真想學JS，別聽這些人扯什麼原型鏈，閉包，繼承。除了裝B沒毛線的用處。新人就直 接給自己定好目標就是能完成業務代碼就可以了。想熟悉這些概念，半年~一年以後再說。

6.學好Ajax

7.學好表單交互

8.學好Cookie，Http

9.學好AngularJS

10.學好LocalStorage

搞不懂，說學好LocalStorage一群2貨也在這兒瞎BB。

LocalStroage主要的做用是持久化，所以問題的關鍵點一直就在於是怎麼樣去設計自己的存儲體系。

比如說，用戶登錄後的信息應該怎麼存，更新之後怎麼做，存起來的數據什麼時候該更新，要不要設置一個失效時間。

哪些東西是應該存在LocalStorage里的，哪些東西是不應該存的，應該是什麼樣的格式。

這些東西沒三五個項目的經驗你做出來一個給我看看？不明白這群傻缺一個個的裝什麼。

PS，真心受不了，怎麼感覺全是一群菜雞在瞎叨叨，跟貼吧的感覺差不多。

自己帶過幾個新人，水平又有多高？

馬丹大部分的人都是從別的行業轉過來的，連Html都不知道怎麼回事。

搞不懂樓下評論的這群菜雞一個個的都牛到什麼地方去了，別說幫新人了，純粹是屬於不貢獻還拉後腿。

自己牛你去挨個寫一個前端新手教程啊？閑著沒事兒在我這裡回貼反對有毛用？

給那些智商有問題的人解釋一下：

這些東西，適合3個月的新手~

然後就把這些東西反覆使用個半年一年，再去考慮做一個中級的程序員應該會什麼。

---

15年畢業，寫了快一年node了，第二家公司已離職，感覺前路好迷茫...

然後...開發這塊不就看，問，寫么...

site:stackoverflow

感覺這一年都是這樣過來的

---

我和提問的好像啊，我大學專業是電子信息工程，2016畢業，7月入職，說說我的經歷吧。剛入職先是開始寫靜態頁面，然後慢慢的讓我用JS完成頁面所有功能，比如彈窗、表單報錯等。接著就是告訴後台數據樣式，讓我用JS模擬後台傳送數據顯示在頁面上。現在我在學習和真的後台對接數據了。

我覺得還是先把自己工作中要用的學好和遇到的問題解決，就是現階段最大的進步。

---

忍不住了，說一句。

其實提高自己很簡單，把英語學好就行了。

---

就我目前的經驗+思考而言，其實我是部分同意@暗滅這貨說的。。。。。

先說說不同意的吧，第一句話我就不同意。

&> 說前端要懂後端的純粹是扯淡+2貨。

測試和後台來找你麻煩了，說你這做的有問題。。。。然後打開日誌/fiddler uncaughtexecption/50x了，怪誰勒。。

哈哈，開個玩笑而已（雖然我這經常出現）。如果你一點都不造一些應該是常識的玩意，那你腫么回答從輸入URL到頁面載入完成的過程中都發生了什麼事情？ 這個勒，腫么去理解前端性能優化中關於網路上的那一部分勒:)

嘛~下面的我是同意的，至少在我的開發經驗中，我是有所體會的。

&> 2.專註好CSS，做好自適應和響應式。

&> 3.學好Bootstrap

&> 4.學好Less/Sass

&> 5.學好JS，直接跳過原生去看JQuery

&> 備註： 但是真想學JS，別聽這些人扯什麼原型鏈，閉包，繼承。除了裝B沒毛線的用處。新人就直接給自己定好目標就是能完成業務代碼就可以了。

很多人說你前端搞好js就行，然後搞服務端 nodeJS 開發，專註JS就好。有些公司有分架構組，就這個而言，的確是的。但是大多並非是這樣的，我們需要從原型、psd然後寫靜態頁面，然後寫交互（當然過程不一定一致，我們可能先開發components也說不定，看場景），頁面要能達到很高的還原度（我反正是達不到100%orz），寫著寫著你或許會發現，css原來辣么重要...

舉個栗子，說個可能有些人會忽視的一個問題。有一次代碼評審，一同事她做的項目，需求經常變更，而且頁面經常改版，review的時候她也在吐槽，基本就是刪刪改改js，改改html結構。然後我默默地問了一句，那你的css呢...刪掉的模塊，也刪乾淨了嗎...（其實如果組件化方式的話，基本不會有這個問題，但是她當時採用的是傳統的方式）

另外對於新人，其實我覺得，剛開始能完成業務代碼就行了，性能啥的，技巧啥的，你開始能懂多少勒，你不緩存一下，多寫一個判斷，多些一個循環，大多時候也沒多大事兒的...重要的是，邊寫，邊思考，邊學習。就像讓你直接用上sea或者requirejs搞個js模塊化，你開始還不情不願，只是知道所謂的模塊化，至於為啥要模塊化，以及如何更好的寫出模塊化的代碼、如何實現模塊化。或許，這些讓你從實際出發，往坑中跳，然後你就明白了。

為啥我的代碼這麼難看，這麼不好組織，找個錯，最開始只能用 ctrl+F定位

=&>我覺得我需要一種方式來管理我的代碼

=&>噢！模塊化方案seajs/requirejs！

=&>噢，原來可以這樣啊卧槽！

=&>css也亂啊，全在app.css，寫的好重複，我要想辦法改進一下

=&>誒，我可以用用 less/scss/stylus，還可以定義變數，各種爽歪歪的語法

=&>卧槽，寫的好爽

=&>不行啊，html模板全在script標籤裡面，好難受啊，寫在tpl裡面的話，我用text載入一點都不優雅，而且和js分離了啊，不行，我要改善一下

=&>卧槽，web components！但是現在還不照啊

=&>誒，angular這啥玩意，我也來一發試試

=&>卧槽，雙向綁定！路由！依賴注入！以前怎麼就不知道勒！

=&>卧槽，ng好坑好坑，我蛋疼....

=&>這個項目就這樣吧，繼續用著先，但是我要找更好的！

=&>Vue！聽說還是個帥哥開發的，一看真的好帥:)

=&>誒，這語法和ng好像啊，但是好像更強♂大誒，而且沒有像controller service那樣只有搞Java的人才說的東西

=&>Vue component！卧槽，好爽好爽，vue-router，vuex，vue-resource（不過現在推薦用axios），我要次全家桶！

=&>卧槽，這麼膩害，我要開發組件庫了！我要造輪子了！我還要看Vue的源碼！我要學flow！

=&>誒誒誒，回過頭一想，原型鏈啥的，閉包啥的，設計模式啥的，我都會了誒

=&>果然，我現在不需要女朋友了。。

以上看看就好，臨時杜撰的:)

其它的比如學好ajax，交互，這些，其實是開發的基礎。ls也是。

快到兩點了，不寫了。敲代碼去。。。。

不引戰，不安利。我只是個小小的喳喳前端。

---

通前端初學，明天去面試，希望能通過。。。熟練html5+css+div 略懂js和jQuery

*********************等我學到經驗了在來繼續寫

---

同樣前端新人，還在不斷學習，我的看法是關鍵的要學好基礎JavaScript。

現階段前端如果只是構建靜態頁面，那對自己的要求顯然低了，基本上都要構建SPA頁面，需要用到各種框架。

前端的自由自在導致前端框架雨後春筍，今天還沒學會一個框架，明天就可能落後了，這就有些尷尬。

當初js知識很弱直接用各種框架，知其然不知所以然，費力會用但其實只是依樣畫瓢。痛定思痛看js基礎，把犀牛書精讀一邊，抽空再翻翻，對基礎了解過了後再看各種框架其實也沒那麼難，上手明顯快很多。

總結就是基礎最重要，框架要學的，但千萬別迷失在各種框架中。

學習差不多就上手項目，一定要做一個完整的大型項目，當踩過各種坑後自然會慢慢提高。

我也還在學習，用react和redux構建了一個比較大的項目，還在完善中...我的簡單總結，希望能有點點參考，共同提高

---

推薦閱讀：