JQuery - onpageshow, event.persisted, window.performance

SI 프로젝트 중 좌측 메뉴가 존재하는데,
메뉴를 클릭하여 다음 페이지로 이동할 경우 해당 메뉴가 선택되어 있다는 시각적 효과를 주어야 했다. (마치 active 클래스를 준 것 처럼)

기존에는 접속한 url이 href에 기재된 주소와 일치할 경우 active 효과를 주기로 했으나, 메뉴가 많은 탓에 기능 구현이 복잡해졌다.

이후에 선임이 만들어놓은 코드를 보고 분석을 하고, 그것을 기록하기 위해 여기에 적어둔다.

첫 번째로는 event.persisted이다.

문서가 캐시(cache)에 로드되었는지에 대한 여부를 조회한다.
여기서 캐시란, 데이터나 값을 미리 복사해놓는 임시 저장장소이다. 쉽게 이해하자면 스마트폰에서 글을 복사하면 클립보드에 저장되어있는 느낌이라고 생각하면 될까 싶다. (나는 이렇게 이해했지만 틀릴 수도 있지)

(해당 기능에 대한 전체코드 및 분석 정리는 완료 후 시도해보기로)

(출처) http://www.devdic.com/javascript/refer/dom/property:2306/persisted

(추가)
어떤 친절한 분이 코드 전문에 대해 분석을 나름대로 하신 것 같다. 이것을 참고해보자. 모르시는 것도 있는 것 같은데, 이건 나중에 선임한테 물어보기로 하자ㅎ
https://tler.tistory.com/284