乙個最關鍵的技術點，頁面的頁內跳轉
單頁應用的功能結構設計
我覺得要分為基本結構，樣式和樣式邏輯，邏輯和內容四部分。
基本結構是主框架結構，提供基本框架的核心功能搭建。以基本的html為主體。
樣式和樣式邏輯，給頁面提供樣式渲染，實現各種頁面效果，但這部分功能應以簡潔為主，複雜的頁面效果不太適合單頁模式的應用。
邏輯，負責管理頁面跳轉，或者這部分可以稱為路由。負責呼叫各個功能單元。
內容，也就是各個功能單元，每個功能單元隸屬於特定的顯示區域。可以通過iframe的方式載入。
SPA 單頁面應用 單頁Web應用
正常網頁url的組成,可以請看location 物件 包含有關當前 url 的資訊。例如 如上的 url 由以下部分組成 1 https 規定了頁面採用的協議 2 mp.csdn.net 為頁面所屬的網域名稱 3 postedit index.html為讀取的檔名稱 也可以叫做入口檔案 4 name...
單頁應用和多頁應用
每一次頁面跳轉的時候，後台伺服器都會給返回乙個新的html文件，這種型別的 也就是多頁 也叫做多頁應用。為什麼多頁應用的首屏時間快？首屏時間叫做頁面首個螢幕的內容展現的時間，當我們訪問頁面的時候，伺服器返回乙個html，頁面就會展示出來，這個過程只經歷了乙個http請求，所以頁面展示的速度非常快。為...
單頁應用（SPA）和 多頁應用（MPA）
第一次進入頁面的時候會請求乙個html檔案，重新整理清除一下。切換到其他元件，此時路徑也相應變化，但是並沒有新的html檔案請求，頁面內容也變化了。原理 js會感知到url的變化，通過這一點，可以用js動態的將當前頁面的內容清除掉，然後將下乙個頁面的內容掛載到當前頁面上，這個時候的路由不是後端來做了...