2014-02-10 2 views
0

응용 프로그램에서 JavaScript/jQuery를 사용하여 탐색 구성 요소을 페인팅하고 권한 부여로 인해 복잡한 논리가 적용됩니다.페이지에서 클라이언트 측 코드 결과 캐싱

거의 모든 인증 된 페이지에서 탐색 구성 요소가 필요하므로 사용자가 한 페이지에서 다른 페이지로 이동할 때마다 페이지마다 복잡한 논리가 반복됩니다..

특정 조건 하에서는 이러한 복잡한 계산 결과가 일정 기간 동안 변경되지 않으므로 이러한 조건에서는 재 계산이 필요 없다고 생각합니다.

그래서 브라우저/클라이언트 쪽에서 결과를 저장/캐시하고 싶습니다. 해결책 중 하나는 쿠키을 결과로 생성한다고 생각합니다.

좋은 접근 방법 인 경우 제안이 필요합니다. 그렇지 않다면 여기서 내가 뭘 할 수 있니?

답변

1

에 보라 (5) 웹 strorage 옵션은 좋은 내기이다.

클라이언트 측 스토리지를 사용하는 몇 가지 이유가 있습니다 이상에서

http://www.html5rocks.com/en/features/storage 견적. 첫째, 사용자가 오프라인 일 때 앱을 작동시켜 네트워크가 다시 연결되면 데이터 을 다시 동기화 할 수 있습니다. 둘째, 그것은 성능입니다. 부스터; 사용자가 사이트를 클릭하자마자 다시 다운로드하기를 기다리지 않고 데이터의 큰 코퍼스를 표시 할 수 있습니다. 셋째, 더 쉬운 프로그래밍 모델이며 서버 인프라가 필요하지 않습니다. . 물론 데이터가 더 취약하며 사용자는 여러 클라이언트에서 액세스 할 수 없으므로 중요하지 않은 데이터, 특히 "클라우드에있는 데이터의 캐시 된 버전"에만 사용해야합니다. "오프라인"참조 : 의미는 무엇이며 왜 내가 을 돌봐야하나요? 클라이언트 측 저장소가 하나의 구성 요소 인 오프라인 기술에 대한 일반적인 설명은 입니다.

if(typeof(Storage)!=="undefined") 
{ 
    // this will store and retrieve key/value for the browser session 
    sessionStorage.setItem('your_key', 'your_value'); 
    sessionStorage.getItem('your_key'); 

    // this will store and retrieve key/value permanently for the domain 
    localStorage.setItem('your_key', 'your_value'); 
    localStorage.getItem('your_key'); 
} 
1

HTML 5 로컬 저장소 또는 웹 SQL을 사용하면 더 많은 옵션을 사용할 수 있습니다. 웹 저장소는 로컬 저장소에 비해 SQL 지원이 훨씬 적습니다. 당신은 최신 브라우저의 HTML에 의존 할 경우,이 http://diveintohtml5.info/storage.html

관련 문제