'「乾貨」1分鐘讀懂JavaScript、Ajax、jQuery全部知識點'

此文適合零基礎、初學者閱讀。相信零基礎的你看完，將對web前端有一個深刻的認識，對你的學習會有很大幫助。

1、JavaScript

• 定義：
• javaScript的簡寫形式就是JS，是由Netscape公司開發的一種腳本語言，一種廣泛用於客戶端Web開發的腳本語言，常用來給HTML網頁添加動態功能（其編寫的程序可以被嵌入到HTML或XML頁面中，並直接在瀏覽器中解釋執行）。

• 組成部分：
• 核心（ECMAScript）、文檔對象模型（Document Object Model，簡稱DOM）、瀏覽器對象模型（Browser Object Model，簡稱BOM）

• 描述：
• Javascript就是適應動態網頁製作的需要而誕生的一種新的編程語言，如今越來越廣泛地使用於Internet網頁製作上。
• Javascript是由 Netscape公司開發的一種腳本語言（scripting language），或者稱為描述語言。在HTML基礎上，使用Javascript可以開發交互式Web網頁。
• Javascript的出現使得網頁和用戶之間實現了一種實時性的、動態的、交互性的關係，使網頁包含更多活躍的元素和更加精彩的內容。
• Javascript短小精悍，又是在客戶機上執行的，大大提高了網頁的瀏覽速度和交互能力。同時它又是專門為製作Web網頁而量身定做的一種簡單的編程語言。
• 主流的javaScript框架有：YUI ,Dojo，Prototype，jQuery...

2、Ajax

• 定義：
• AJAX即“Asynchronous JavaScript and XML”（異步JavaScript和XML)，AJAX並非縮寫詞，而是由Jesse James Gaiiett創造的名詞，是指一種創建交互式網頁應用的網頁開發技術。
• AJAX不是一個技術，它實際上是幾種技術，每種技術都有其獨特之處，合在一起就成了一個功能強大的新技術。

• 組成：
• 基於XHTML和CSS標準的表示；
• 使用Document Object Model進行動態顯示和交互；
• 使用XML和XSLT做數據交互和操作；
• 使用XML HttpRequest與服務器進行異步通信；
• 使用JavaScript綁定一切。

• 描述：
• Ajax是結合了Java技術、XML以及JavaScript等編程技術，可以讓開發人員構建基於Java技術的Web應用，並打破了使用頁面重載的管理。
• Ajax技術使用非同步的HTTP請求，在Browser和WebServer之間傳遞數據，使Browser只更新部分網頁內容而不重新載入整個網頁。
• Ajax是使用客戶端腳本與Web服務器交換數據的Web應用開發方法。這樣，Web頁面不用打斷交互流程進行重新加裁，就可以動態地更新。使用Ajax，用戶可以創建接近本地桌面應用的直接、高可用、更豐富、更動態的Web用戶界面。

3、jQuery

• 定義：
• jQuery是一個快速的，簡潔的javaScript庫，使用戶能更方便地處理HTML documents、events、實現動畫效果，並且方便地為網站提供AJAX交互。

• 特點：
• 輕量級、鏈式語法、CSS1-3選擇器、跨瀏覽器、簡單、易擴展；
• jQuery是一種獨立於服務器端代碼的框架，獨立於ASP.NET或者JAVA；
• jQuery是當前很流行的一個JavaScript框架，使用類似於CSS的選擇器，可以方便的操作HTML元素，擁有很好的可擴展性，擁有不少插件。

• 描述：
• 對於程序員來說，簡化javascript和ajax編程，能夠使程序員從設計和書寫繁雜的JS應用中解脫出來，將關注點轉向功能需求而非實現細節上，從而提高項目的開發速度。
• 對於用戶來說，改善了頁面的視覺效果，增強了與頁面的交互性，體驗更絢麗的網頁物資。 javaScript框架實際上是一系列工具和函數。

4、三者的關係

下面我用一張導圖來闡述這三者的關係：

解釋：

javaScript是用於Web客戶端開發的腳本語言，Ajax是基於JS語言，主要組合JS、CSS、XML三種技術的新技術，是用於創建交互式網頁應用的網頁開發技術。jQuery是JS的框架，基於JS語言，集合Ajax技術開發出來的JS庫，封裝JS和Ajax的功能，提供函數接口，大大簡化了Ajax，JS的操作。

最後，我自己也是一名從事了多年開發的Java老程序員，辭職目前在做自己的Java私人定製課程，今年年初我花了一個月整理了一份最適合2019年學習的Python學習乾貨，可以送給每一位喜歡Java的小夥伴，想要獲取的可以關注我的頭條號並在後臺私信我：01，即可免費獲取。