Javascript 保存可拖动div'；本地存储的位置是什么？

我正在重写我的代码，允许用户在iOS上拖动一个div，以使其更干净，我希望实现的一个更改是使用

localstorage

保存和检索每个div的位置

jQuery：

$(".drag").each(function () {
    var drag = this;
    xPos = drag.offsetWidth / 2;
    yPos = drag.offsetHeight / 2;
    drag.addEventListener("touchmove", function() {
        event.preventDefault();
        $(this).css({
            "left" : event.targetTouches[0].pageX - xPos + "px", 
            "top" : event.targetTouches[0].pageY - yPos + "px",
            "z-index" : "101",
        });
        $("div").not(this).css("z-index", "100");
    });
});

之前，我使用cookie设置了位置：

$(window).unload(function () {
    $(".remember").each(function () {
        $.cookie(this.id, this.value, {
            expires: 365
        });
    });
    $(".draggable").each(function () {
        var a = $(this);
        $.cookie(this.id, a.css("top") + "_" + a.css("left"), {
            expires: 365
        });
        $.cookie("disp" + this.id, a.css("display"), {
            expires: 365
        });
    });
});

每个可拖动的div都有一个

.draggable

类，如果我想保存文本框的值，它有一个

。记住
类

使用
LocalStorage
更新它是否值得/切实可行？
LocalStorage比cookie更适合这样做。因为您不会在每次请求时向服务器发送额外的字节，以此类推。
请记住，cookie的大多数问题仍然存在于向本地存储的过渡过程中——来自多个选项卡和同一域的脚本可能会弄乱您存储的数据，但我认为您应该担心的是，您自己的站点没有第三方包括。
本地存储比cookie更好。因为您不会在每次请求时向服务器发送额外的字节，以此类推。
请记住，Cookie的大多数问题仍然存在于向localStorage的转换过程中——来自多个选项卡和同一域的脚本可能会弄乱您存储的数据，但我认为您应该担心的是，它是您自己的站点，没有第三方包括。
您使用过localStorage吗？我知道这些评论是针对帖子本身的，但自从我发布了我的问题后，我已经取得了进展，我希望你能提供意见。是的。它可以方便地处理一些小事情，比如ui设置或游戏最高分数。但对于更大的东西-你可能想读这些文章：p.s:一年前，我能够在localStorage中存储图像的情况下使Chrome标签崩溃，但现在（可能）情况已经改变了。你使用过localStorage吗？我知道这些评论是针对帖子本身的，但自从我发布了我的问题后，我已经取得了进展，我希望你能提供意见。是的。它可以方便地处理一些小事情，比如ui设置或游戏最高分数。但对于更大的东西——你们可能想读这些文章：p.s：一年前，我能够在本地存储中一致地崩溃Chrome标签，但现在（也许）情况已经改变了。