我是Web开发的新手，正在使用纯JS创建Web应用程序。我将Firebase和Express.js路由用于后端功能。这是一种简单的博客服务，因此页面之间自然会有很多导航。
当前问题：每当用户在页面之间来回移动时，页面都会每次刷新，即使没有任何更改。这是2020年至关重要的用户体验问题。我想这是因为我正在为每个URL请求发送一个html文件，但不知道解决方法是什么。
问题：如何确保呈现的页面“存储”在用户的浏览器中，并且仅在内容发生有意义的更改时才重新加载？
打扰一下高级问题...三个月前才开始编程。:)将不胜感激，从哪里开始寻找任何方向性的建议。
因此，这是JS框架将帮助您制作SPA应用程序的地方。基本上，当用户首先点击您的应用程序，然后动态显示/隐藏不同的页面以避免刷新页面时，将加载所有页面。
您可以使用javascript手动将CSS类添加/删除到不同的页面元素，如下所示
.hidden {
display: none;
}
<div class="hidden">
...page 1 (not shown)
</div>
<div>
...page 2 (shown)
</div>
<div class="hidden"
...page 3 (not shown)
</div>
这是一个轻量级且简单的解决方案，但请记住，这不会更改url。这也意味着您需要将所有要“存储”的内容都放在一个html文件中。我认为大多数SPA JS框架都会在其中添加标签，例如执行“ example.com/#/contact”或“ example.com/#/about”之类的方式，因此url可以帮助用户查看其所处的页面。
我希望这有帮助！
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句