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

标签：数据   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