看到這個問題，先說下自己的理解到的程度，再去參考做修正，爭取這一次弄懂搞清楚
自己的理解： 單頁面應用程式，解決瀏覽器獲取資料重新整理頁面的尷尬，通過ajax請求獲取資料達到非同步更新檢視的按鈕，原理的實現由兩種，
其一，通過hash值的變化，繫結onhashchange的**函式更新檢視，因為hash值的變化不會讓頁面失去響應，不會向伺服器傳送請求。下面列出幾種可能改變hash值的方法，改變url中的hash。瀏覽器回退按鈕可能出現歷史記錄中的url包含的hash值不一樣，都將觸發該事件；還有觸發帶瑁點的鏈結改變，再通過js直接獲取location.hash來改變導致事件觸發。
其二，通過同h5 historyapi 來新增向瀏覽器的歷史棧中新增記錄。過去的方法只有通過back,forward，go三個方法來實現前進後退和跳轉。到h5多了pushstate,replacestate方法。pushstate只是單純的新增並不跳轉到該記錄，而replacestate,替換記錄整個歷史記錄的length長度不變化。 hitstory.pushstate(data,title,url),向url裡寫入第乙個引數資料，並指定title的值。執行完歷史棧中新增了一條記錄，通過執行一次popstate事件其中popstate用來監聽歷史記錄的變化，可以理解為監聽瀏覽器後退、前進的操作。繫結onpopstate事件後執行location.reload(); 因為相容性問題，history.js用於修補。
vue中SPA單頁面應用程式詳解
一 spa的概述 spa single page application 單頁面應用程式，在乙個完成的應用或者站點中，只有乙個完整的html頁面，這個頁面有乙個容器，可以把需要載入的 片段插入到該容器中。spa的工作原理 eg 根據位址列中url解析完整的頁面 index.html 載入index....
SPA 單頁面應用 單頁Web應用
正常網頁url的組成,可以請看location 物件 包含有關當前 url 的資訊。例如 如上的 url 由以下部分組成 1 https 規定了頁面採用的協議 2 mp.csdn.net 為頁面所屬的網域名稱 3 postedit index.html為讀取的檔名稱 也可以叫做入口檔案 4 name...
angular 單頁面應用程式
我們都知道angularjs是單一頁面應用程式，那什麼是單一頁面應用程式呢？單一頁面應用程式到底有什麼好處呢？下面我們來看一下 首先我覺得可以把頁面的響應模式分成這樣大概3個階段 1.最傳統的階段 什麼都得重新整理 最傳統的web站點中，客戶端向伺服器傳送請求，伺服器響應之後把生成好的html通過r...