前端js怎麼學

首先要說明的是，咱現在不是高手，最多還是一個半桶水，算是入了JS的門。談不上經驗，都是一些教訓。

這時候有人要說，「靠，你丫半桶水，憑啥教我們」。您先別急著罵，先聽我說。

你叫一個大學生去教小學數學，不見得比一個國中生教得好。因為大學生早已經過了那個階段，都忘記自己怎麼走過來的了。而對於國中生，剛好走過那個階段，對自己怎麼走過來的還記憶猶新，或者還有一些自己的總結。例如，很多高手覺得那本犀牛書入門很好，他們覺得太簡單了，但以我的經驗來看，它不是入門的最好選擇。

先說說學js的條件

論條件，咱是文科生，大學專業工商管理，和電腦毛關係都沒；有人說英語，讀了四年大學，很遺憾，咱還四級沒混過；就咱這條件都學得樂呵呵的，您還等啥。

當然學習JS也是有門檻的，就是你的html和css至少還比較熟練，您不能連這東東是乾啥的都不知道就開始上JS了，學乘除前，學好加減法總是有益無害的。

再說幾點忠告

1，不要急著看一些複雜網頁效果的程式碼，這樣除了打擊你自信心，什麼也學不到。沒達到一定的武功水平，割了小JJ也學不會葵花寶典的。

2，別急著加技術交流QQ群，加牛人QQ。如果你找張三豐交流武功，你上去第一句問“豐田，where is 丹田？”，你會被他一掌劈死的。

3，看網上什麼多少天精通JS，啥啥啥從入門到精通，這種教程直接跳過吧，太多的事實證明，以一種浮躁的心態去做任何事都會以失敗而告終。

4，千萬別去弄啥電腦培訓，花了錢和時間不說，關鍵是學不到東西。本來你買兩本好書自學3個月能學會的，他們硬是能折騰你兩年。

推薦幾本好書

超毛，你丫吹了半天牛B，還是沒說怎麼學啊」

呵呵，我也沒啥特別的辦法，只是推薦幾本好書。推薦的書，得按先後順序看。別第一本沒看完，就急著上第二本，並不是每次「穿越」都能成功的

第一階段：《JavaScript DOM程式設計藝術》

在看這本書之前，請先確認您對Javascript有基本的了解，應該知道if else之類的語法，如果不懂，先去看看我第二階段推薦《Javascript高級程式設計》的前三章，記住看三章就別往下看了，回到《JavaScript DOM程式設計藝術》這本書上來。

學習Javascript用《JavaScript DOM程式設計藝術》來入門最好不過了，老老實實看兩遍，看完了你就會對JS有一個大概的了解，整本書都圍繞著一個網頁效果例子展開，你跟著老實敲一篇，敲完之後，你會發現這個效果不是常在網頁中看到麼，發現自己也能做出來網上的效果了，嘿嘿，小成就感吧。

第二階段：《JavaScript高級程式設計》

#有的書是用來成為經典的，像是犀牛書；還有一些書是用來超越經典的，顯然這本書就是這種。書中章章經典，由淺入深，其中第6章，關於JS面向對象的解說，沒有教程出其右。

#如果有一場滿分100分的JS考試，看了《JavaScript DOM程式設計藝術》能讓你拿到20分，那麼看完這本書，你就能拿到60分以上了。學完後，你會成就感倍增的，相信我（至少看兩遍，推薦三篇，跟著書上的代碼一行行的敲）。

這本書強烈推薦購買，寫的太TMD牛逼了，給你帶來的價值超過百倍千倍。

這本書最新的是第三版，似乎就是前些日子出來的，我看的是第二版，第三版相對第二版變動不大，增加了幾章內容，價格目前相差10元左右。

接下來，恭喜你可以下山了，這個時候可以自己做一些事情了

你可以去Ferris這個教程看看他寫的這些效果，看看原始碼，怎麼樣，是不是覺得有一部分很簡單了，嘗試著跟著他寫一寫這些效果吧。

學技術閉門造車是行不通的，適當的加一兩個QQ群交流（注重品質），常去論壇逛逛，你會經常有些小收穫的。

再有就是看看前輩這些牛人前輩們分享的文章，它會讓你的學習事半功倍的，這裡是熱心人收集的國內一些牛人的博客、個人網站，點這裡。

第三階段：《JavaScript語言精粹》與《高效能JavaScript》

#

接下來兩本書《JavaScript語言精粹》和《高性能JavaScript》算是JS高級教程的補充，裡面有一些內容和JS高級教程重複了，兩本書可以同時看，都不厚，可以對前面所學的有一個很好的加強和鞏固。

第四階段：《JavaScript DOM高級程式設計》和《JavaScript設計模式》

#在吃透了前面所說的書之後，接下來兩本書的順序已經無關緊要了，《JavaScript DOM高級程式設計》（注意和《JavaScript高級程式設計》相區別）和《JavaScript設計模式》，這兩本都是重量級的書，能讓你的JS技術上一個新的階梯；這兩本書前者主修煉外功，後者主修煉內功，有點想乾坤大挪移和九陽神功的關係。

《JavaScript DOM進階程式設計》 首先教你建立一個類似JQuery的額工具函數庫，然後透過講解幾個實際中經常遇到的幾個應用例子，會讓初學者受益匪淺。

以上是前端js怎麼學的詳細內容。更多資訊請關注PHP中文網其他相關文章！