持久性HTML / Javascript菜單的本地存儲或會話存儲

Question

在過去，我總是為每個PHP頁面維護一個菜單，允許我在列表中設置活動（選中）項。 我認為在我的標題腳本中調用包含菜單一次，然后通過javascript設置/檢索每個頁面的狀態更有意義。

使用本地存儲似乎符合此要求。 為此使用本地存儲或會話存儲更好嗎？ 似乎使用本地存儲會更好地提高性能。

有沒有人有這方面的經驗或有任何建議/意見？

我目前的HTML看起來像這樣：

<ul class="nav nav-list">
  <li class='nav-header'>Menu</li>
  <li class="active" id="page-1"><a href="page1.php">Page 1</a></li>
  <li><a href="page2.php" id="page-2">Page 2</a></li>
  <li><a href="page3.php" id="page-3">Page 3</a></li>
</ul>

我可以使用該ID並將其設置在本地存儲中並檢查每個頁面加載嗎？

Answer 1

會話和本地存儲之間沒有性能差異。 不同之處在於持久性。 用戶關閉瀏覽器窗口后立即刪除會話存儲。 在多次訪問網頁時維護本地存儲。