面试题系列--【hash和history的区别】

hsah和history的区别:

区别一:

生产环境下:两者无区别
开发环境或者测试环境下:

hash:前进和后退正常,刷新页面正常

history:前进和后退正常,刷新页面会报错,报错可能有两种结果:一种是404报错,一种是直接把没有处理的数据展示到页面

history报错的原因:刷新页面,就走后端路由,如果后边没有该路由,就是404,如果有该路由,会直接数据展示

区别二:原理不同

hash采用的是window.onhashchange=()=>{}来实现的

history采用的是HTML5新增的interface里面的pushState()和replaceState(),不兼容ie6~8

建议:工作中用hash,如果要用history,需要与后端人员配合,有冲突的路由优先前端

posted on 2021-06-14 18:22  码农小小海  阅读(47)  评论(0编辑  收藏  举报

导航