页面缓存是指将页面的HTML、CSS、JavaScript等资源缓存到本地，以便用户下次访问时可以更快地加载页面。在JavaScript中，可以使用以下代码来设置页面缓存：
// 设置页面缓存有效期为1小时
window.sessionStorage.setItem('cacheKey', 'cacheValue');上述代码中，我们使用了sessionStorage对象来设置页面缓存。sessionStorage是一种会话存储方式，存储在其中的数据只在当前会话有效，即用户关闭当前浏览器窗口时会被清除。我们可以使用setItem()方法来设置页面缓存，该方法接受两个参数，第一个参数是缓存的键名，第二个参数是缓存的键值。在获取页面缓存时，可以使用以下代码：
// 获取页面缓存
let cacheValue = window.sessionStorage.getItem('cacheKey');上述代码中，我们使用了getItem()方法来获取页面缓存，该方法接受一个参数，即缓存的键名，返回对应的缓存键值。
本地存储是指将数据存储到用户的本地硬盘中，以便用户下次访问时可以直接获取数据。在JavaScript中，可以使用以下代码来设置本地存储：
// 设置本地存储有效期为1天
window.localStorage.setItem('storageKey', 'storageValue');上述代码中，我们使用了localStorage对象来设置本地存储。localStorage是一种持久存储方式，存储在其中的数据永久有效。我们可以使用setItem()方法来设置本地存储，该方法接受两个参数，第一个参数是存储的键名，第二个参数是存储的键值。在获取本地存储时，可以使用以下代码：
// 获取本地存储
let storageValue = window.localStorage.getItem('storageKey');上述代码中，我们使用了getItem()方法来获取本地存储，该方法接受一个参数，即存储的键名，返回对应的存储键值。
需要注意的是，设置页面缓存和本地存储时，需要考虑到数据的有效期。如果数据过期了，需要及时清除缓存或存储，以免影响用户体验。同时，也需要考虑到数据的安全性，避免敏感数据被泄露。