怎么在新页面中返回到前一页浏览的历史位置?

第一步:需要注意引入的js

  1. jquery.js
  2. jquery.cookie.js

第二部:在被返回的前一页加入以下代码

<script type="text/javascript">  

   $(function () {

        var str = window.location.href;
        str = str.substring(str.lastIndexOf("/") + 1);
        if ($.cookie(str)) {
            $("html,body").animate({ scrollTop: $.cookie(str) }, 1000);
        }else {
        }
    })
    
    $(window).scroll(function () {
        var str = window.location.href;
        str = str.substring(str.lastIndexOf("/") + 1);
        var top = $(document).scrollTop();
        $.cookie(str, top, { path: '/' });
        return $.cookie(str);

    })

</script>

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
首先,我们需要设计一个数据表来存储商品的信息,包括商品id、名称、价格、图片、类别、描述等。同时,我们需要记录每个用户最近一次访问商城首页的时间,以便在加载非推荐商品时筛选出最近更的商品。 接下来,我们可以按照以下步骤来实现商城首页展示商品的功能: 1. 加载推荐商品:从数据库随机选择一批推荐商品,并按照随机顺序分页展示在首页上。同时,记录下最近一次展示的商品id,以便在下一次展示时避免重复加载已经展示过的商品。 2. 加载非推荐商品:从数据库筛选出最近更的商品,并按照时间倒序随机打乱后分页展示在首页上。同时,根据用户的浏览历史记录,尽可能确保每个用户同页获取到的商品列表的商品不同。 3. 避免历史页加载的商品数据:在加载非推荐商品时,需要避免在当出现用户之已经浏览过的商品。因此,我们可以记录下每个用户最近一次浏览商城首页时看到的商品列表,然后在加载的商品列表时,排除掉已经展示过的商品。 4. 分页展示商品:根据用户的浏览行为和购买历史等信息,可以灵活地调整每页展示的商品数量和分页策略,以提高用户的浏览体验和购买转化率。 5. 缓存推荐商品和非推荐商品:为了提高页面加载速度和减轻数据库压力,我们可以将推荐商品和非推荐商品分别缓存在内存或者redis等缓存,定期刷缓存内容以保证数据的实时性。 思路推荐: 1. 使用分布式锁机制:在加载推荐商品和非推荐商品时,可能会有多个请求同时访问数据库,为了避免出现并发问题,我们可以使用分布式锁机制来保证同一时间只有一个请求能够访问数据库。 2. 使用异步任务:在加载推荐商品和非推荐商品时,可能会出现一些耗时的操作(比如从数据库读取数据),为了避免阻塞请求线程,我们可以将这些操作放到异步任务执行,然后通过回调函数将结果回给请求线程。 3. 使用机器学习算法:为了更加智能地推荐商品,我们可以使用机器学习算法来分析用户的浏览历史、购买行为、搜索关键词等信息,然后根据用户的兴趣和偏好来推荐商品。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值