码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2021-06-15 17:39:04      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:数据   history   int   ie6   htm   state   展示   win   不同   

hsah和history的区别:

区别一:

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

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

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

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

区别二:原理不同

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

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

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

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

标签:数据   history   int   ie6   htm   state   展示   win   不同   

原文地址:https://www.cnblogs.com/chenhaiyun/p/14882971.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!