路由研究与理解

在react的实践中，路由是有用的。路由使用起来很简单，效果也很明显，但是没想到路由是什么东西。于是我开始了研究之路。一、路由有两种，hash路由和history路由1.hashRouter锚浏览器中url后面的#xxx部分，当使用http请求跳转到相应页面时会忽略这部分锚的位置观点。就是window.location.hash，可以用来修改当前锚点会切换路由，处理：什么都不做，浏览器的默认行为，也就是说，当我们点击，浏览器的地址会发生变化。这时只要监听到hash变化，就可以处理路由变化事件，即hashChange2.historyRouterhistory就是浏览器的访问记录。阮逸风这个解释很好。History对象总结：借用react的生命周期用到的概念，will和didwill切换路由，处理：pushState确实切换路由，处理：onpopstate研究了这两个路由，看了网上的评论，没有大的两者的区别，后面会用到，对两者区别的理解应该更丰富。目前网友的评论和自己的理解是：1.历史路由比较漂亮2.如果页面中有锚点设计，应该使用历史路由3.使用历史路由，由于浏览器url会改变，而且是会请求的url，需要对内部请求转换做特殊处理。没有使用hash路由，因为浏览器在请求#xxx时会忽略后面的hash部分