draggable div의 위치를 ​​localstorage에 저장 하시겠습니까?

Question

사용자가 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"); 
    }); 
}); 

, 내가 쿠키를 사용하여 위치를 설정했다 : 드래그했다 그것에 .draggable 클래스를했다

$(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 
     }); 
    }); 
}); 

각 사업부를, 그리고 저장하기를 원한다면 텍스트 상자의 값은 .remember 클래스입니다.

LocalStorage을 사용하면 유용할까요?

Answer 1

Localstorage가 쿠키보다 훨씬 좋은 장소입니다. 각 요청과 함께 서버에 추가 바이트를 보내지 않기 때문에. 쿠키에 대한 대부분의 문제는 여러 탭의 localStorage - scripts 로의 전환과 함께 유지되며 동일한 도메인은 저장된 데이터로 엉망이 될 수 있지만 제 3자를 포함하지 않는 자체 사이트를 고려해야하므로 걱정해야합니다.