-
1 # 波波安694
-
2 # 範梧桐
學習任何技術路線都差不太多的：
1.學習基礎理論知識
2.結合專案學以致用
3.多用，多練，多總結
-
3 # 城管哎
作為一個學習web前端技術有一定經驗的人，我建議你：1.首先學習w3school線上教程，裡面有很多小的例子，應該多做，對相關技術有一定的瞭解；2.試著多練習一些稍微大一點的例項；3.多看幾本好書，比如：javascript高階程式設計、javascript權威指南、精通CSS、CSS權威指南、javascript語言精粹等等，反正是多多益善；4.在專案中學習，每隔一段時間穩固一下基礎的東西。
-
4 # 綠幕青波一葉黃
首先要說明的是，咱現在不是高手，最多還是一個半桶水，算是入了JS的門。
談不上經驗，都是一些教訓。
這個時候有人要說，“靠，你丫半桶水，憑啥教我們”。您先別急著罵，先聽我說。
你叫一個大學生去教小學數學，不見得比一個初中生教得好。因為大學生早已經過了那個階段，都忘記自己怎麼走過來的了。而對於初中生，剛好走過那
個階段，對自己怎麼走過來的還記憶猶新，或者還有一些自己的總結。比如，很多高手覺得那本犀牛書入門很好，他們覺得太簡單了，但以我的經驗來看，它不是入
門的最好選擇。
先說說學js的條件
論條件，咱是文科生，大學專業工商管理，和計算機毛關係都沒；有人說英語，讀了四年大學，很遺憾，咱還四級沒混過；就咱這條件都學得樂呵呵的，您還等啥。
當然學習JS也是有門檻的，就是你的html和css至少還比較熟練，您不能連<body>這東東是幹啥的都不知道就開始上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的額工具函式庫，然後透過講解幾個實際中經常遇到的幾個應用例子，會讓初學者受益匪淺。
《JavaScript設計模式》主要講Javascript的設計模式，說實話，翻譯的質量很一般，有些生硬，但已經基本不影響你的學習，看程式碼完全可以理解出自己的意思。
-
5 # 三盆多肉
學會不難，但是你想要精通JS那需要下一定功夫的。過程就是學習JS基礎，做專案，透過專案積累經驗，然後去不斷總結。這裡的話可以透過寫部落格，看書，看影片去提高自己的知識。
-
6 # xiaoxiao昱
首先明確一點：無論學什麼，紮實的功底是必不可少的。
JS其實只是眾多程式語言中的一個，跟眾多的程式語言相比，有著共性也有著獨特性。首先，JS是瀏覽器端唯一的程式語言，這是他與生俱來的優勢；其次，由於node社群的推動，JS很快涵蓋但不僅限於 伺服器端開發，小程式開發，桌面開發，移動端開發，甚至作業系統和嵌入式開發。無論怎麼看，JS的發展潛力是非常巨大的，生態系統完備，有各大社群的大力支援。
好吧，說了那麼多，言歸正傳，該怎麼學習JS呢？
作為資深的架構師，對前端開發也是非常熱衷。近年來ECMAScript更新也是特別頻繁。首先需要了解，JS只是ECMAScript的一種方言，在瀏覽器端JS包括ECMAScript、DOM和BOM。目前ECMAScript每年更新，從2015年的大改版ES6，可謂是質與量的飛躍了，雖然之後每年都有更新，不過更新力度遠遠比不上ES6。
然後，你需要了解，JS有別於其他程式語言的重要的一點，JS的類啊繼承啊是根據原型鏈維護的，這在眾多的程式語言中顯得特別獨特。
我這裡整理一下JS基礎學習的路線吧：
- 基本語法，控制流程以及基本資料型別
- 常見的內建類的使用，需要重點掌握String, Array, Object, JSON, Date等
- HTTP基礎，請求方式，xmlhttprequest，fetch
- 原型與原型鏈，類與繼承，作用域
- ES6+ 相關，let，模板字串，Promise，async..await等（建議參考阮一峰老師的個人網站）
等到基礎差不多紮實了，再去啃啃諸如Vue, React 之類的MVVM框架（不建議Angular），想要快速提升的話就攻讀原始碼，即使不太讀的懂也沒關係，主要是吸取其思想。
如果有餘力，可以學習一下nodejs，在很多地方都用得上。
另外一些可能有用的擴充套件，值得一學：
- axios
- koa
- webpack
- pug
- stylus
- Electron
-
7 # 微捷Kevin
如今的javascript已經不同以往，除了在前端開發中處於重要地位，在服務端也表現出了不凡的能力。而這一切要歸功於nodejs的出現。nodejs重新定義了js的價值和能力，證明了javascript不再是一種簡單用途的html指令碼語言。以往做web開發，你甚至不需要去過多的掌握js技術，因為在mvc開發模式盛行的年代，開發者是排斥在檢視中過多的使用js指令碼的，原因是效能、相容性、安全性等問題。MVC開發者認為，關鍵事務的處理邏輯和檢視組織流程應當交由後端WEB控制器去處理。但自從ajax應用技術流行之後，js在前端開發中的作用逐漸體現出來。開發者發現無重新整理的頁面資料展現和互動能夠產品帶來更加優秀的使用體驗。於是乎js和ajax前端開發模式迅速流行、“RIA”富網際網路應用理念迅速席捲全球軟體開發行業。但JS如今的地位也並非一帆風順，曾經Macromedia的FLASH在很長的一段時間裡壓制著JS作為構建RIA應用的主流技術手段。（事實上即使如今的JS也未達到FLASH在前端視覺及互動效果上的開發能力）最終隨著移動網際網路的興起，瀏覽器廠商開始重點關注WEB前端的效能以及安全問題，而FLASH則在這些方面存在嚴重的問題，於是乎FLASH的身影逐在WEB應用中逐步淡出。（本人有近十年的FLASH和ACTION SCRIPT開發經驗，而如今這些技能在WEB領域已經毫無用武之地了），JS+DOM+CSS的標準化RIA開發模式重新佔據了主流地位，直至如今。ES2015的推出，賦予了JS更強大的開發能力，基於ES6的模組化特性支援，構建大規模複雜的前端架構不再難以實現的事情，在nodejs/npm/webpack等技術的推動下，JS專案對於資源整合和管理能力有了突破性的進步。於是大量開源的的JS元件模組開始相互共享和協作，像JAVA一樣，JS也形成了一個龐大的自由軟體生態社群。如今使用JS開發一個前端專案，可能你所使用的百分八九十的元件都已經不需要自己手動開發，可以透過NPM從開放平臺中獲取。並使用webpack有效地整合在一起。說了那麼多，如今學習JS前端開發，除了掌握基礎的JS語法之外（主要是ES5/ES6語法，另外還有ES7/TYPESCRITP 等語法但並非主流），你還需要掌握NPM、WEBPACK等工具的使用，如果你期望在高層次的前端開發工作崗位能夠勝任，你還需掌握VUE、REACT、ANGULAR、webcomponentsjs/polymer 其中的至少一種框架技術。這些框架技術能夠提升你開發大虧規模應用的效率和可行性保障。
-
8 # 千鋒頭號粉絲
一、 要系統的學習JavaScript，需要首先掌握HTML和CSS，這是基礎也是學習JavaScript的時候需要用到的知識。
二、 剛開始入門不建議看《JavaScript權威指南》和《JavaScript高階程式設計》這些書籍。並非這些書籍不好，相反這些書籍是公認的好書！主要是因為這些書籍內容太多太厚了，很容易讓你走上‘從入門到放棄’道路！對於初學者而言，多而全意味著主次難分，無法取捨；此時你想把JavaScript學好，只能全學，然而很多內容對於初學者而言很難理解！
三、 系統地學習JavaScript應根據知識點的難易及內在聯絡劃分階段：初級->進階->高階
1． 基礎語法、資料型別、算術運算子、關係運算符、邏輯運算子、型別轉換等，這些內容更多的是需要我們去記憶然後理解；（字詞）
2． 迴圈語句、邏輯分支等語句需要理解並熟練使用；（句子）
3． 函式的各種形式：函式表示式、函式宣告、匿名函式、自執行函式等，理解函式及引數的作用，明白事件與函式的關係；（段落）
4． 理解JavaScript中作用域的概念，熟悉宣告提升、垃圾回收等機制；
5． 理解基本資料型別與引用資料型別的異同，及相關的記憶體原理；
6． 掌握陣列、字串、Date物件、Math物件等常用的API；
7． 理解DOM、BOM的概念作用及常用AIP；
8． 理解event事件物件的概念及作用，掌握事件物件的常用屬性及方法，理解事件模型、事件流、事件迴圈等機制；
9． 掌握正則表示式元字元、量詞等基礎知識，能讀懂並寫出一些常見的匹配規則；
10． 熟練使用計時器，理解運動原理，能寫出常見的一些網頁效果；
11． 明白建構函式、原型的作用，理解面向物件的程式設計思想，提升抽象程式設計的能力；
12． 掌握本地儲存相關技術（cookie、localStorage），瞭解其應用場景；
13． 瞭解服務端相關概念（伺服器、資料庫、http協議等），掌握前後端分離及資料互動方式（ajax、jsonp、跨域解決方案等）；
14． 理解應用閉包、原型鏈與繼承，本質上講，物件之間是基於原型的一種行為委託，掌握了這些內容才會真正理解‘JS中一切皆物件’這樣的說法；
15． 熟悉常見的設計模式：工廠模式、單例模式、代理模式、策略模式、釋出訂閱模式、組合模式等；
16． 嘗試去讀一些優秀的框架類庫原始碼，理解借鑑一些優秀的解決方案，可以讓我們快速的成長。
四、 最好有內行人指導，什麼內容常用，什麼內容重點掌握等等。如果身邊沒有這樣的人，可以看看網上的影片教學（比較系統完整的內容一般要付費，自學需要很大毅力），或者直接報班學習（課程完整、直擊重點、效率高、有學習氛圍）。
-
9 # 有理想的猿
學習JS的話，可以百度搜索下"JavaScript教程"，隨便找一個教程來看，比如廖雪峰寫的教程，按照教程一步步學下來，在學習的過程中一定要自己敲寫程式碼，執行看結果，程式碼多敲些，感覺就慢慢來了。基礎的入門教程學完了，可以進一步學習ES6（ECMAScript 6），比如class、Promise、await/async、module等知識點，學習過程中也一樣，要自己多敲敲程式碼。在進一步的話，React、Vue.js、AngularJS選擇一個來學，可以做個小專案，最好不要用框架提供的腳手架，自己從零開始搭專案，現在前端專案基本都有用到打包工具webpack，所以webpack也是要學習掌握的。
-
10 # 程式碼開發
去慕課網，百度，網易雲課，菜鳥等網站，過一遍基礎知識。
比如慕課網，有講解，有語法，有線上程式設計。
可以看看書，比較系統一點。
你不知道的Javascript或者高階程式設計3，
多看多練，一定要手動練，最後還是多練。
如果學不進去，那就放棄吧。
回覆列表
先學會html和css，然後可以去菜鳥網上看js的各個物件以及介面(都是中文解釋）。之後就可以學習關於js的各種框架與類庫了，建議學習順序：bootstrap,ajax，jquery,angular.js,node.js,這是鞏固加強。最後可以根據自己個人興趣與職業規劃學習其它的js關於圖形學的web.gl或者微信端開發的類庫等等之類的，這些都是昇華。基本上完成第二個階段，找個工作不成問題了，就。