你是否已經初步掌握了html和css，但完全不知道從何入手JavaScript？

如果是，那麼這篇文章一定會對你有所幫助，這裡總結了5條建議，幫助JavaScript初學者總結學習方法，提高學習效率。

1. 多看視訊少看書

對初學者而言，看書的效率是很低的，書上的內容大多會展示核心程式碼，而視訊為了演示效果，會展示全部程式碼。初學者自學需要的是全部程式碼，只看核心程式碼必定會留下踩不完的坑。所以，初學者一定要多看視訊少看書。

2. 寫程式碼的時間要多於看書和看視訊的時間

學習JavaScript，一定要以寫為主，而不是以看為主。學習時間的一半以上要留給寫程式碼，剩下的時間用來看書和看視訊。幾乎所有初學者都有這個問題，就是拿一本書（或視訊）看3個小時但是一行程式碼都沒寫。這樣的結果就是，3個小時最多隻利用了1個小時。太浪費時間了。正確的學習方法是：看到一行程式碼就寫一行程式碼，就算理解，抄也得抄下來，然後再去慢慢理解。

3. 不可盲目追新技術

react，vue，angular,和你沒關係
node，express，koa，和你沒關係
grunt，gulp，webpack，和你沒關係

JavaScript這幾年變化很快，但是對於初學者來說要摒棄浮躁的氣氛，靜下心來打好基礎。記住：自己是初學者，玩的東西就是：JavaScript和jQuery，工具就用一個編輯器和一個瀏覽器，這些就夠了，別的不要碰.

4. jQuery還沒過時

有些朋友會說jQuery已經淘汰了，jQuery確實註定要被淘汰，但是現在還差得遠呢。

首先，jquery對於初學者非常友好，甚至不會js都可以學jQuery。並且目前市面上的網站和應用，仍然是jQuery居多，所以如果你是自學，jQuery是必學的。

5. 學習的順序

熟悉基本概念：變數，資料型別，函式，運算子，表示式，物件（自定義物件，內建物件）。

這些基本概念一定要熟悉，熟悉到什麼程度，看見一個概念，立刻就能寫出示例程式碼，就夠了。

2.熟悉DOM：樹狀結構，節點分類，新增節點，刪除節點，修改屬性，繫結事件。

3.熟悉jQuery：選擇器、操作屬性和樣式、繫結事件、節點操作、動畫方法。

4.用jQuery實現網頁上看到的頁面效果，比如輪播圖，選單的各種效果，返回頂部等。

5.試著用原生的js實現jQuery的常用方法。比如addClass，removeClass,index這些。

上面5條如果沒能做到，就不要想著閉包，原型繼承，ES6新特性這些東西了。

JavaScript 簡介

JavaScript 是世界上最流行的程式語言。

這門語言可用於 HTML 和 web，更可廣泛用於伺服器、PC、膝上型電腦、平板電腦和智慧手機等裝置。

JavaScript 是指令碼語言
JavaScript 是一種輕量級的程式語言。
JavaScript 是可插入 HTML 頁面的程式設計程式碼。
JavaScript 插入 HTML 頁面後，可由所有的現代瀏覽器執行。
JavaScript 很容易學習。
JavaScript：寫入 HTML 輸出

例項

document.write("<h1>This is a heading</h1>");document.write("<p>This is a paragraph</p>");

JavaScript：對事件作出反應

例項

alert() 函式在 JavaScript 中雖然並不常用，但它對於程式碼測試非常方便。

onclick 事件只是您即將在本教程中學到的眾多事件之一。

JavaScript：改變 HTML 內容

使用 JavaScript 來處理 HTML 內容是非常強大的功能。

例項

x=document.getElementById("demo")  //查詢元素x.innerHTML="Hello JavaScript";    //改變內容

你會經常看到 document.getElementByID("some id")。這個方法是 HTML DOM 中定義的。

DOM(文件物件模型)是用於訪問 HTML 元素的正式 W3C 標準。

JavaScript：改變 HTML 影像

本例會動態地改變 HTML <image>的來源 (src)：

The Light bulb

點選燈泡就可以開啟或關閉這盞燈

JavaScript 能夠改變任意 HTML 元素的大多數屬性，而不僅僅是圖片。

JavaScript：改變 HTML 樣式

改變 HTML 元素的樣式，屬於改變 HTML 屬性的變種。

例項

x=document.getElementById("demo")  //找到元素x.style.color="#ff0000";           //改變樣式

JavaScript：驗證輸入

JavaScript 常用於驗證使用者的輸入。

例項

if isNaN(x) {alert("Not Numeric")};

JavaScript學習教程

JavaScript學習教程推薦小夥伴們看動力節點老杜講解的web前端全套教程，這個教程是將多年的程式設計經驗灌輸其中，典型的實踐派，既適合初學者入門，也適合進階（學習底層）。

主要講解了前端開發中的核心技術JavaScript，俗稱JS，視訊中講解了JavaScript核心語法、JavaScript內建支援類、JavaScript除錯、JavaScript DOM程式設計、JavaScript BOM程式設計、大量前端小案例、JavaScript事件處理、JavaScript物件、繼承、JSON等知識點，該視訊可以開啟你的WEB前端之路。

見評論區！！！

學習目錄

JavaScript教程
JavaScript語言特點
JavaScript組成
JavaScript中BOM和DOM之間的關係及主流瀏覽器
JavaScript開發工具
JavaScript基礎語法
HTML嵌入JavaScript
JavaScript註釋
JavaScript識別符號
JavaScript保留關鍵字
JavaScript內建型別
JavaScript變數
JavaScript函式
JavaScript資料型別
JavaScript的typeof運算子
JavaScript建立物件
JavaScript Void
JavaScript中 null、NaN和undefined的區別
JavaScript流程控制語句
JavaScript事件和事件控制程式碼
JavaScript常用事件及事件控制程式碼
JavaScript註冊事件的方式
JavaScript HTML DOM物件
JavaScript HTML DOM 物件
JavaScript BOM程式設計
JavaScript window物件
JavaScript history物件與location物件
JavaScript JSON
JavaScript JSON

web前端開發教程，最全JavaScript入門講解