首页 >web前端 >js教程 >停止使用本地状态作为过滤器——原因如下

停止使用本地状态作为过滤器——原因如下

Patricia Arquette
Patricia Arquette原创
2025-01-06 21:03:55784浏览

您是否曾经因不小心刷新页面而丢失了所有精心挑选的过滤器?

最近发生在我身上。

我正在查看一个网站,我将该项目过滤到第 20 页,然后我的移动热点断开连接,因为有人打电话给我。

通话结束后,页面重新加载,我必须再次开始点击才能到达我停止的第 20 页。

这是什么意思?

这意味着您的公司可能会因为这个简单的性能问题而损失大量资金。

或者,您想与朋友分享过滤后的搜索结果但无法实现的场景怎么样?

这就是本地状态过滤的问题。

想想在亚马逊或您知道的任何流行电子商务网站上购物。请注意如何:

  1. 应用多个过滤器
  2. 与其他人分享确切的产品搜索
  3. 为特定搜索添加书签
  4. 使用浏览器按钮返回之前的搜索

这就是所有正在运行的 URL 参数!

为什么 URL 参数比本地状态更好:

— 状态持久性以获得更好的用户体验

无论发生什么情况,无论是网络故障还是意外重新加载,只要页面再次打开,过滤或分页数据的状态都会保留。

— 带过滤器的可共享链接

当然,由于数据状态保存在 URL 中,您可以轻松地与任何人共享它,他们将准确地看到您希望他们看到的内容。

而不是:“嘿,选择电子产品,然后将价格范围设置为 100-500 美元......”

只需分享:yoursite.com/products?category= electronics&price=100-500

— 搜索引擎优化的好处?

搜索引擎可以找到并索引您过滤的页面。更多可见度,更多流量!

我最近用这样的关键字搜索了一处房产:“拉各斯的迷你公寓”,我在 Google 上得到的结果之一让我看到了经过过滤的搜索结果页面显示了房产列表网站上所有拉各斯可用的迷你公寓。

很酷吧?

— 简单快速的浏览器导航 ⚡

想要返回到之前的滤镜组合吗?只需按后退按钮 - 就可以了

注意:这与偏好无关,而是构建更好、更用户友好的应用程序。您的用户会感谢您,您也会避免无数的麻烦!

Stop Using Local State for Filters — Here is why

以上是停止使用本地状态作为过滤器——原因如下的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn