1. AJAX
AJAX(Asynchronous JavaScript And XML)是一項用于異步拉取數(shù)據(jù)并展示在當前頁面的技術(shù)恬砂,這對需要延遲加載數(shù)據(jù)和觸發(fā)式家在數(shù)據(jù)的頁面有很大益處鹉勒。
如運用到鼠標懸浮顯示注釋的功能:鼠標懸浮到相應(yīng)的按鈕上后衬衬,這是瀏覽器的XmlHttpRequest對象發(fā)起對后臺的一次去請求轧抗。隨后這次請求返回注釋的JSON串蝗敢,這是網(wǎng)頁中的JavaScript程序開始進行處理砸西,解析JSON串秉氧,并將解析后的字符串插入網(wǎng)頁的DOM結(jié)構(gòu)中。
如運用到網(wǎng)站訪問中:網(wǎng)站的后臺會把當前頁面的基本框架“吐回”瀏覽器演训,如基本的文字顯示弟孟。圖片是在框架加載完后,再發(fā)起AJAX請求拉取样悟。
技術(shù)優(yōu)勢:最大程度上緩解用戶等待的焦慮感
2. DOM
DOM(Document Object Model拂募,文檔對象模型)定義了一個網(wǎng)頁的結(jié)構(gòu),是網(wǎng)頁的骨骼和框架窟她,網(wǎng)頁呈現(xiàn)的內(nèi)容是通過JavaScript從服務(wù)器上請求到數(shù)據(jù)后操縱DOM而展現(xiàn)的陈症。---異步加載
更便捷的技術(shù):虛擬DOM。用JavaScript模擬一個簡單的DOM樹震糖,然后在上面演練所有的DOM操作录肯,等時機成熟后再把虛擬DOM樹和真正瀏覽器的DOM樹做對比,算出差異吊说,一次性改變真正的DOM樹嘁信。
3. 靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁
都是網(wǎng)頁于样,靜態(tài)網(wǎng)頁不需要后臺程序處理,直接從服務(wù)器返回潘靖;動態(tài)網(wǎng)頁一般需要后臺程序來處理(ASP穿剖、JSP、PHP卦溢、Python糊余、Ruby等),并且由數(shù)據(jù)庫提供數(shù)據(jù)支撐单寂。
動態(tài)網(wǎng)頁的后臺處理以PHP為例:當網(wǎng)頁被請求時贬芥,首先到PHP容器中進行解釋,這時解釋器知道了當前頁面的需求(比如文字宣决,圖片)蘸劈,然后PHP程序連接數(shù)據(jù)庫,獲取這些數(shù)據(jù)并插入網(wǎng)頁的HTML中尊沸,再吐回瀏覽器顯示威沫。
4. 分析URL的結(jié)構(gòu)
一個標準的URL地址由protocol(協(xié)議),hostname(主機名)洼专,port(端口)棒掠,path(路徑),parameter(參數(shù))屁商,query幾部分組成烟很。
protocol(協(xié)議)
http://、https://蜡镶、ftp雾袱、thunder都是協(xié)議,協(xié)議就是一套定義了數(shù)據(jù)的封裝官还、打包芹橡、拆包和解釋的規(guī)則。URL地址標識了一個資源妻枕,協(xié)議頭標識我們可以通過什么協(xié)議訪問它僻族。
hostname(主機名)
qq.com是一級域名粘驰,www.qq.com和news.qq.com都是二級域名
port(端口)
一般http的端口號為80屡谐,https的端口號為443。
一個主機可以有2的16次方蝌数,65536個端口愕掏,URL中的端口號就是指定了從哪個這個端口訪問資源,這個網(wǎng)頁服務(wù)器必須現(xiàn)在這個端口部署服務(wù)顶伞,才能供用戶訪問饵撑。
path(路徑)
路徑是最終文件所在的路徑和文件名剑梳,只不過此地址的文件存儲在服務(wù)器上。
如http://www.reibang.com/p/a12049bfc461 加粗的即為路徑
5. 網(wǎng)頁基礎(chǔ)知識:表單
表單<form>是用戶和服務(wù)器的數(shù)據(jù)交互的用戶界面滑潘。
表單代碼說明了數(shù)據(jù)內(nèi)容提交的地址和方法(GET或POST)
6. H5應(yīng)用程序緩存簡介
如果沒有緩存垢乙,用戶每次打開同一個網(wǎng)頁都要全量下載,如果訪問的用戶量大的話语卤,服務(wù)器會頂不住追逮。因此引出了緩存的技術(shù)(當然有錢可以擴容)。
Application Cache是H5中定義的一種離線存儲技術(shù)標準粹舵,可以讓開發(fā)者明確指定頁面中的哪些靜態(tài)資源可以在第一次訪問網(wǎng)頁的同時緩存到本地钮孵。再次訪問的時候,頁面通過注冊監(jiān)聽器的方式獲得Cache更新成功的事件眼滤,主動刷新一下頁面巴席,并最新的內(nèi)容及時展示給用戶。
技術(shù)優(yōu)勢:大大釋放了服務(wù)器帶寬诅需,同時內(nèi)容展示時間大大縮短漾唉。