页面商品数据较多情况如何实现快速排序？

多数解决方案前端传递请求后端实现排序，这也是常用方案，优点是商品后台更新，修改可以拿到最新的数据。弊端数据从后端获取，严重依赖后端接口请求和相应时间。如果数据是固定的，用户第一次已经拿到。在前端实现按价格，按优惠券排序是不是更好？

很多时候想法确实很重要，因为我做的大额优惠券页面node.js 已经全部静态化实现。前端实现快速排序减少资源请求是当前目标。

页面地址可参考：http://www.chinasgp.cn/html/hot/27448/index.html

下面代码总结：

 

var bodyHtml = $(".subContent").html(); //保存页面默认数据

//按价格排序
$(".sortText .jiage").click(function () {
    console.log($(".subContent .deal"))
    $(".sortText span").removeClass("current");
    $(this).addClass("current")
    var tempHtml = $(".subContent .deal").sort(function (a, b)
    { return $(a).find(".jiageNum").text() - $(b).find(".jiageNum").text() });
    $(".subContent").html(tempHtml);
})

//按销量排序
$(".sortText .xiaoliang").click(function () {
    console.log($(".subContent .deal"))
    $(".sortText span").removeClass("current");
    $(this).addClass("current")
    var tempHtml = $(".subContent .deal").sort(function (a, b)
    { return $(b).find(".xiaoNum").text() - $(a).find(".xiaoNum").text() });
    $(".subContent").html(tempHtml);
})
//按优惠券
$(".sortText .youhui").click(function () {
    $(".subContent").html(bodyHtml);
    $(".sortText span").removeClass("current");
    $(this).addClass("current")
})