天天學習2小時，17年前端經驗分享，讓你前端之路再也不迷茫

我是老尚，是作web前端開發的，從最開始的2002年到北京的那個春天算起來，已經17年了。這17年裏，基本上吧，算下來我天天平均學習2個小時，今天想跟你們分享一下個人經歷。

** {{ 01 }} **

我是遼寧人，生在一個小城市裏，後來這個城市靠着本山大叔的強力引流，變成了【大城市】，哈哈哈，同窗們應該都知道是哪一個城市了。

畢業以後，我第一份工做實際上是在一個賓館裏負責消防器材，很閒的一個工做，不起火我就沒事可作，起火了我更沒事可作。幹嗎去呢？整天在網吧玩遊戲。仙劍、紅警、雷神、毀滅公爵、星際1，玩了個遍，去三好街配電腦，一臺掙200，各類拆裝機箱，重裝系統，還由於超頻而燒過一個賽場400CPU，這些都是近20年前的老古董了，同窗們應該都沒據說過

但生活不能永遠這樣，後來網吧黃了

{{ 2 }}

賓館消防的工做很悠閒，我自學了Ps、3dMax、網頁三劍客（dw、fw、flash），真心的說，我自學能力仍是很能夠的。學會這些東西我花了多久時間？

ps，時間久一些，3個月，

3dMax，二個月，

網頁三劍客，大概一個月。由於fw和ps很相似，而flash和3dMax不少思路也相通。因此至關於只學習了html、css。

那時還有不少免費空間能夠用，例如，主頁大巴，(哎，想起這個名字的時候，真是好久遠感受了)，那時還有藍色理想、閃客帝國、七色鳥...等等。

我作了一個很簡單，但能夠用的網站，找到了第二份工做。在瀋陽，是一個作網頁設計的工做，那時應該是1999年，月工資350塊。第一次知道了網頁上的廣告條叫banner，網站上的標誌圖片叫logo。我負責網頁設計、切html頁面，作flash動畫。

html頁面加上圖片、flash動畫以後，扔給後端程序員，他們去套程序，而後我再去調整頁面上亂掉的部分。就這樣，過了一年多，感謝這家公司，它讓我擁有了基本的網頁設計能力。

但生活不能永遠這樣，我據說北京互聯網很發達

{{ 3 }}

2002年三、4月份吧，時間過久已經記不清了。只記得是一個陰雨天的早晨，我拖着行李箱出了北京站。

北京，我來了。

剛開始的時候，也是作網頁設計，工資2200。成天就是設計、切圖。html、css熟練到了能夠一心二用的程度。但個人設計美感不好，這讓我和客戶都很痛苦。

大概是200五、6年的時候吧(時間過久記不清了)，開始興起了div+css網頁製做。剛開始的時候我也很不習慣，畢竟table作頁面好久了。但技術的發展是不可阻攔的，必須順應。學！

用了二天！真的只是二天，看了下div+css網頁製做的技術資料，發現只是把table換成了一些html標籤，主要是div，而後就是各類標籤的語義化使用。

其實主要是思路的扭轉，

• table至關因而「套」頁面，一層一層的表格；

• div+css，是「組裝」頁面，作的是頁面的結構。

這個總結，【是我最初的關於前端模塊化的理解】。

生活還在繼承，我看到了js

{{ 4 }}

自那以後，頁面的交互操做越發複雜，JavaScript的應用也愈來愈多。

我驚訝的發現，【彷佛出現了一個能夠只寫JavaScirpt的崗位？貌似工資還比較高？！】必定要搞定它！

那個年頭，教js是確定沒有的。那時大概是200七、8年吧

這個JavaScirpt怎麼學呢？網上那些教程都看不懂啊。

alert('學習js')，這是我學會的第一個js命令，我用它在頁面上彈出了一個提示。這很Ok，我很欣慰。

如今的同窗們應該沒有見過那個年頭的互聯網，簡直就是小發廊洗剪吹的感受。「文字變色環繞跟隨鼠標、漂浮廣告塊邊框變色閃動、網頁title滾動、頁面footer底滾動文字變色廣告、文字波浪變色動畫廣告，點擊頁面放禮花特效，各類大紅大綠閃爍...」

這些網頁特效都是用js寫的。我是這麼作的，

一、找一些相對短的特效代碼；

二、把它裏面的js命令都挑出來；

三、一個個的查它們的做用；

四、搞清楚以後，把整個代碼用中文描述一下，理解它的思路；

五、再把js命令填回去；

六、本身照着寫一遍js；

七、本身再揹着寫一遍js；

八、重複上述第1~第7步；

就這樣，我按這個思路，把當時基本上全部的頁面特效都寫了個遍，大概用了有二三個月吧，由於不少特效所用的方法都相似，只是思路不一樣。到後來我只是去理解某個特效它的實現思路了。

當時的我並無真正的深刻學習過JavaScript，並無去找各類js教程，由於我根本看不懂。

**個人js學習方法總結起來，**其實就是一個字，【抄寫】。就是不斷的抄寫代碼，而後F5刷新頁面看效果，若是沒有效果，那麼查找個人代碼和參考的代碼有哪些不一樣。

至於排bug什麼的，那根本都不知道是什麼意思。什麼prototype、constructor、new一個對象、this什麼的，當時根本是徹底不懂。可是我經過不斷的抄寫代碼實現效果，理解了代碼的運行過程，就這樣，我掌握了基本的【程序代碼的邏輯思惟方式】。

生活還在繼續啊，慢慢的各類前端框架出現了，

{{ 5 }}

這時已是2010年先後，原生JavaScript大火特火，jQuery一統天下，個人工資也漲到了8000。那時我已是全職的前端開發了，只負責寫JavaScript、jQuery，帶四、5個實習生，html頁面什麼的都是他們在搞了。

如今回顧一下，當時不管有多忙，天天至少抄寫一段代碼，查一些命令，至少2個小時。再日後，一路前端作下來，就是慢慢積累了。

{{ 6 }}

我發現，如今不少前端新人，就是不知道怎麼去學習前端開發，學習JavaScirpt，我但願個人學習經歷、方法、思路，可以給大家一些啓發。也爲了幫助更多的前端新人，推出一套【免費的web前端公開課】，經過實例講解JavaScirpt的核心、重點內容，幫助你們更好、更快的掌握前端開發技術。但願你們都能堅持學習下去，你付出足夠的時間精力，必然會得到超值的豐厚回報。