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

2021/6/14 18:51:20

本文主要是介绍面试题系列--【hash和history的区别】,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

hsah和history的区别:

区别一:

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

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

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

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

区别二:原理不同

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

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

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



这篇关于面试题系列--【hash和history的区别】的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程