跨页面数据管理的昔日之道
在 redux 盛行之前,跨页面数据的管理一直是困扰前端开发人员的一大难题。对于没有全局状态管理工具的页面,储存“用户信息”或“购物车数据”等跨页面数据主要依靠以下方法:
cookie 是由服务器发送并存储在浏览器中的小型文本文件。它们可以用来保存少量数据,例如用户标识符或会话令牌。以前,开发者经常使用 cookie 来储存跨页面用户状态信息。
立即学习“前端免费学习笔记(深入)”;
setcookie("user_id", 123);
后端数据库
另一个流行的方法是将跨页面数据存储在后端数据库中。由于当时主要是服务端渲染,数据可以很容易地从数据库中检索并传递到页面中。
// 从数据库中获取用户信息 $user = get_user_by_id(123); // 将用户信息传递到页面 $page_data = [ 'user' => $user, ];
这些方法虽然不能像现代的全局状态管理工具那样实现即时响应和跨组件数据同步,但它们还是为以前的前端开发提供了可行的跨页面数据存储解决方案。随着技术进步和 react 等更现代框架的出现,redux 等全局状态管理工具才成为该问题的更优雅且高效的解决方案。