項目中使用AntdUI組件+react 里面使用了menu組件管理目錄結構，不同目錄組件頁面之中有點擊按鈕進行不同目錄的跳轉，因為是各種組件的關系，點擊各組件后准確跳轉到目標頁面沒有問題，但是左側目錄結構不能進行有效的收縮和展開的動作，故使用js來監聽URL的hash變化的方式進行接下來的邏輯 ...

當瀏覽器瀏覽器的url進行變化時，瀏覽器默認是會去服務器將相應的資源給請求下來的，在不阻止默認行為的前提下，使用給url加錨點的方式(hash模式)，讓瀏覽器不跳轉。 ...

問題場景再現： 解決思路： ...

無刷新改變路由的兩種方法 通過hash改變路由 代碼： window.location.hash='edit' 效果： http://xxxx/#edit 通過history改變路由 history.back(): 返回瀏覽器 ...

使用這些生命周期鈎子可以監聽到路由相同，參數不同的變化，但是監聽不到完全不相同的url的變化。即使路由不同，componentDidMount組件內容所更新的東西變了，但是代碼變了，頁面沒有變，找到了一種方法。withRouter 參考：https ...

原生js實現檢測對象變化。 通過把屬性轉換為訪問器屬性，實現監聽。 對象屬性的更改通過設置 get， set。 數組類型元素的更改通過在prototype重載操作數據的方法：slice、push、shift…… ...

使用window.onhashchange方法 PS：適用於路由方法，可以解決按返回按鈕頁面不刷新的問題。 ...

...