課程導讀
原生的ajax雖然在實際開發中很少撰寫，但如果想將js高級框架底層學明白，那ajax的原理是必須要求精通的， 本套ajax視頻對ajax底層實作原理講解非常透徹，對ajax發送異步請求的每一步都進行了透徹的分析，讓你徹底搞懂搞透ajax，
課程主要涵蓋的內容： ajax底層實作原理剖析、 ajax跨域，手寫jquery庫、 ajax省市聯動、 ajax實作搜索聯想、 ajax改造oa專案等，課程在理論層面非常深入，使用大量實戰案例來進行驅動，能夠讓大家在歡快愉悅的環境當中，掌握技術底層的實作原理，
https://www.bilibili.com/video/BV1cR4y1P7B1
Ajax的目的
首先現在的應用當中的功能都是頁面的區域重繪，Ajax可以幫助實作頁面的區域重繪，
如何理解區域重繪和全部重繪？
1、頁面全部重繪
比如說在百度的網站上，搜了一個資訊，展示出下面一些很多資訊，其中有一個東西叫超鏈接，我一點超鏈接跳轉到下一個頁面，這就不是頁面區域重繪，這叫頁面全部重繪，
簡單點說就是在百度的一個頁面上我點了一個超鏈接，點完之后跳到另外一個視窗里，在另外一個視窗當中去瀏覽資訊，這叫頁面的全部重繪，
2、頁面的區域重繪
比如：百度搜索框里面當搜索一個東西的時候，下面在不停地重繪，
從軟體實作角度來說，我們輸進去東西，那么這個東西肯定要發送到服務器上，服務器會根據關鍵字進行檢索，下邊展現出的關聯詞，它是實時的從底層從服務器端獲取回來，展現到前端頁面上的，
當這個關鍵詞發生了改變之后你它又會把這個改變了的關鍵詞也發送給服務器，服務器根據新的關鍵詞再去檢索到一些資訊再回傳來，于是這一塊的資訊是就變化了，這就是頁面的區域重繪，Ajax就是做這件事情，
學習Ajax的作用
它可以讓頁面區域重繪，這樣做有什么好處呢？
主要是可以提高用戶的體驗，
舉個例子：
現在這是一個瀏覽器，這邊是愛奇藝正在播放視頻，假如說已經緩沖完了播放到一半了，右邊有一個登錄的一個表單，我們通過用戶名密碼點登錄，那么這個登錄的請求它是一個頁面全部重繪，這樣操作會有什么問題？
一旦我們點擊登錄那整個頁面全部重新加載，我們的愛奇藝視頻就要從零開始重新緩沖，也就是說如果頁面全部重繪的話，這個視頻一定是從零開始播放，用戶的體驗中斷了，
但是現在的大部分請求是什么？
是右邊有一個登錄的表單，用戶名密碼寫上點登錄，然后只重繪登錄表單這一塊，登錄成功之后顯示您是金牌會員，您是銀牌會員，對整個網頁來說變化的資訊只有這一塊，別的地方的東西都是不會重繪的，這叫頁面的區域重繪，這是為了提高用戶體驗，不讓用戶的體驗間斷，因為頁面全部重繪的話，如果網速不行，加載全頁面也加載不出來，用戶的體驗是有空白期的，
Ajax就是做這件事情的一種技術，提高用戶的操作體驗，
本套教程的課程亮點
這個視頻里邊最大的兩個亮點：
- 手寫jQuery
在前端庫里邊有一個庫叫jQuery，jQuery這個課程，其實是封裝的一個js檔案，封裝好，
市面上大部分的培訓機構講法是什么？
主要是講庫怎么去用，把庫引進來，然后告訴學員這里面由哪個方法去講，但是我們這套課程是基于Ajax，手動封裝一個jQuery的庫出來，
- 超詳細的跨域的解決方案
視頻中有Ajax跨域這部分內容，在我們整個軟體界來說，跨域是很有名的一個單詞，但市面上還沒有像本套視頻一樣將跨域講的這么詳細的，能講這么底層的，
大部分跨域講法是：怎么解決跨域，我告訴你解決方案就行了，但是杜老師講的視頻不僅要告訴你怎么去解決跨域的問題，而且告訴真正解決跨域問題的關鍵點在什么地方，最底層的東西在哪兒，怎么解決的，
案例
1、省市聯動
例如：省市區，當你選河北省的時候，右邊那個框就會顯示河北省的市區，當你選擇河北省下的某一個市區，比如石家莊市，那么右邊第三個框就會動態聯動出來，動態的重繪出來，石家莊市下邊的區，這叫省市聯動效果，這是一個非常經典的案例，
省市聯動操作視頻
2、搜索聯想和自動補全
什么叫自動補全？但我們搜索一個內容時（比如用百度搜索Java）它不僅能聯想出來，而且當你點完之后，它可以自動給你補全上面的資訊，叫搜索聯想加自動補全，這是用Ajax做的，
搜索聯想和自動補全視頻
總體來說，這套課程講的夠深入，不僅講表面怎么用，我們還講底層的原理，講的特別深入，
課程直擊原理，即使你是零基礎小白，但也不會因為本套課程講得很深入而學不明白，
學完之后讓你不但會使用Ajax，而且直擊底層的實驗原理，用時不多，識訓卻很多哦~
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/500391.html
標籤：其他
上一篇：slf4j簡介說明
下一篇：7月27內容詳細