项目中使用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：适用于路由方法，可以解决按返回按钮页面不刷新的问题。 ...

...