前端JavaScript程序

Question

我对网络开发比较陌生。如果您正在创建一个前端JS应用程序，那么页面刷新是否会引发新的JavaScript程序？是否可以在页面重新加载期间保持相同的JavaScript运行时？我知道有很多解决方案可以在页面重新加载之前/期间/之后将数据保留在前端...但是整个前端程序呢？我知道单页应用程序是一个解决方案，但我特别好奇在页面重新加载/刷新后维护相同的JavaScript运行时。

对于Chrome应用程序或Cordova应用程序等HTML5应用程序，这似乎不需要页面刷新，因为它们不在浏览器中使用。话虽这么说，为什么不能禁用页面刷新或找到一种方法，当有人访问您的网站并（不小心）刷新页面等时不必重新加载前端JS程序？

Answer 1

是的，每次刷新都会启动一个新的js环境。浏览器非常快，下载应用程序脚本通常比运行js代码需要更长的时间。在某处保存数据并缓存脚本，它会感觉很快。

要了解的一些有用的事情：

• pushState和popState（模拟更改单页应用的页面）
• localStorage（在页面加载之间保存数据）
• beforeunload，unload和close窗口事件
• app平台（Firebase，Parse）
• 服务器和数据库框架（参见Ruby On Rails，Node.js等）

Answer 2

您可以使用本地存储来执行此操作。您运行初始化，这是第一次初始化或状态加载。在Javascript运行时，保存每个状态更改。当页面重新加载时，您将重新加载状态并正常工作，就好像没有发生页面加载一样。

了解本地存储here。

您还可以在服务器上存储状态。基本上Javascript会在页面加载时反复运行，但您可以控制它的运行方式，并且可以保持状态。