第一种方式:cookie的优化与购物车实例

温馨提示:源码部分可滑动查看

一 Cookie 的优化

1.1 一般而言,我们设置cookie是在php中设置

例如:

而在验证的时候,我们通常是:

都是在服务端进行。优化:

1.2 在前端页面进行验证cookie

cookie保存在客户端,那么可以在客户端那边进行验证,根据上面的代码,前端获取代码为:

那么我们能否在前端设置cookie 呢 ?

1.3 在前端页面设置cookie【购物车原理】

这样子能够减轻服务器的压力

我们要注意,这样子是有限制的,浏览器本身能够存储的数据有限:

1.4 local storage

在谷歌浏览器下,f12可以看到:

这个可以看成是浏览器的小型数据库,可以存储更多的数据。

示例【购物车小试】:

设置页面:

效果:

有设置,就有查看:

效果:

以字符串形式显示

显示详细

以上这篇cookie的优化与购物车实例就是小编分享给大家的全部内容了,希望能给大家一个参考

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180526B09GIH00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券