JavaScript、Ajax、jQuery全部知識點,1分鐘速懂!

本文將詳細解讀JavaScript、ajax、jQuery是什麼?他們可以實現什麼?

1、JavaScript

定義:

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

JavaScript、Ajax、jQuery全部知識點,1分鐘速懂!

組成部分:

核心(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...

JavaScript、Ajax、jQuery全部知識點,1分鐘速懂!

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用戶界面。

JavaScript、Ajax、jQuery全部知識點,1分鐘速懂!

3、jQuery

定義:

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

特點:

輕量級、鏈式語法、CSS1-3選擇器、跨瀏覽器、簡單、易擴展;

jQuery是一種獨立於服務器端代碼的框架,獨立於ASP.NET或者JAVA;

jQuery是當前很流行的一個JavaScript框架,使用類似於CSS的選擇器,可以方便的操作HTML元素,擁有很好的可擴展性,擁有不少插件。

描述:

對於程序員來說,簡化javascript和ajax編程,能夠使程序員從設計和書寫繁雜的JS應用中解脫出來,將關注點轉向功能需求而非實現細節上,從而提高項目的開發速度。

對於用戶來說,改善了頁面的視覺效果,增強了與頁面的交互性,體驗更絢麗的網頁物資。javaScript框架實際上是一系列工具和函數。

4、三者的關係

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

JavaScript、Ajax、jQuery全部知識點,1分鐘速懂!

最後送福利了,自己是從事了五年的前端工程師,整理了一份最全面前端學習資料,只要私信:“前端"等3秒後即可獲取地址,裡面概括應用網站開發,css,html,JavaScript,jQuery,Ajax,node,angular等。等多個知識點高級進階乾貨的相關視頻資料,等你來拿

解釋:

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


分享到:


相關文章: