Javascript 是一個非常強大的編程語言,特別是在開發(fā) web 或移動應(yīng)用時,很多功能都是依賴于它來實現(xiàn)的。其中,路由的概念在 Javascript 中起到了非常重要的作用。
什么是路由?
簡單來說,路由就是決定了當一個網(wǎng)頁或應(yīng)用程序被加載時,哪一部分需要展示給用戶。為了更好地理解路由是什么,考慮以下例子:假設(shè)您在一個網(wǎng)站點擊了某個頁面的鏈接,例如“聯(lián)系我們”或“評論”,應(yīng)用程序?qū)⒃跒g覽器地址欄中獲取這個鏈接,然后獲取您所訪問的網(wǎng)頁,這個過程就是路由。
在以上的例子中,點擊鏈接時網(wǎng)頁會進行兩個不同的任務(wù):一個是瀏覽器會獲取新的鏈接,另一個是應(yīng)用程序會根據(jù)獲取的新鏈接,從中獲取需要加載的新內(nèi)容并將其展示給用戶。這是通過使用 Hash Routers 或 Browser Routers 來實現(xiàn)的。
Hash Routers:用于單頁應(yīng)用程序
Hash Routers 是用于單頁應(yīng)用程序的路由方式。在這種情況下,應(yīng)用程序的整個頁面都只是一個 HTML 文件。當用戶單擊頁面中的鏈接時,應(yīng)用程序會獲取鏈接的片段并切換應(yīng)用程序的狀態(tài),這樣可以防止瀏覽器訪問服務(wù)器。以下是一個例子:
在上述示例中,我們可以看到將 hash 屬性設(shè)置為“contact”時,應(yīng)用程序?qū)跊]有重載整個頁面的情況下,在聯(lián)系我們鏈接下加載相應(yīng)頁面的內(nèi)容。
Browser Routers:用于多頁應(yīng)用程序
Browser Routers 是專門用于多頁應(yīng)用程序的路由方式。在多頁應(yīng)用程序中,應(yīng)用程序由多個 HTML 文件組成,每個頁面都由獨立的 HTML 文件組成,當用戶單擊頁面上的鏈接時應(yīng)用程序?qū)⒓虞d并將其視為一個新的頁面。以下是一個例子:
在以上示例中,我們使用 href 屬性來獲取新頁面的路徑并且將其作為應(yīng)用程序的新狀態(tài)來加載。
總結(jié)
路由是在 Javascript 中非常重要的概念,無論是單頁應(yīng)用程序還是多頁應(yīng)用程序,都需要通過路由來切換和加載相應(yīng)的內(nèi)容。在以上的例子中,我們了解了什么是 Hash Routers 和 Browser Routers,以及如何使用 Javascript 訪問這些路由。在您的下一個 Javascript 項目中,一定要考慮使用這些路由來改善您的應(yīng)用程序的體驗。
什么是路由?
簡單來說,路由就是決定了當一個網(wǎng)頁或應(yīng)用程序被加載時,哪一部分需要展示給用戶。為了更好地理解路由是什么,考慮以下例子:假設(shè)您在一個網(wǎng)站點擊了某個頁面的鏈接,例如“聯(lián)系我們”或“評論”,應(yīng)用程序?qū)⒃跒g覽器地址欄中獲取這個鏈接,然后獲取您所訪問的網(wǎng)頁,這個過程就是路由。
在以上的例子中,點擊鏈接時網(wǎng)頁會進行兩個不同的任務(wù):一個是瀏覽器會獲取新的鏈接,另一個是應(yīng)用程序會根據(jù)獲取的新鏈接,從中獲取需要加載的新內(nèi)容并將其展示給用戶。這是通過使用 Hash Routers 或 Browser Routers 來實現(xiàn)的。
Hash Routers:用于單頁應(yīng)用程序
Hash Routers 是用于單頁應(yīng)用程序的路由方式。在這種情況下,應(yīng)用程序的整個頁面都只是一個 HTML 文件。當用戶單擊頁面中的鏈接時,應(yīng)用程序會獲取鏈接的片段并切換應(yīng)用程序的狀態(tài),這樣可以防止瀏覽器訪問服務(wù)器。以下是一個例子:
window.location.hash = 'contact';
在上述示例中,我們可以看到將 hash 屬性設(shè)置為“contact”時,應(yīng)用程序?qū)跊]有重載整個頁面的情況下,在聯(lián)系我們鏈接下加載相應(yīng)頁面的內(nèi)容。
Browser Routers:用于多頁應(yīng)用程序
Browser Routers 是專門用于多頁應(yīng)用程序的路由方式。在多頁應(yīng)用程序中,應(yīng)用程序由多個 HTML 文件組成,每個頁面都由獨立的 HTML 文件組成,當用戶單擊頁面上的鏈接時應(yīng)用程序?qū)⒓虞d并將其視為一個新的頁面。以下是一個例子:
window.location.href = '/contact';
在以上示例中,我們使用 href 屬性來獲取新頁面的路徑并且將其作為應(yīng)用程序的新狀態(tài)來加載。
總結(jié)
路由是在 Javascript 中非常重要的概念,無論是單頁應(yīng)用程序還是多頁應(yīng)用程序,都需要通過路由來切換和加載相應(yīng)的內(nèi)容。在以上的例子中,我們了解了什么是 Hash Routers 和 Browser Routers,以及如何使用 Javascript 訪問這些路由。在您的下一個 Javascript 項目中,一定要考慮使用這些路由來改善您的應(yīng)用程序的體驗。