localstorage de yongfa

1. **设置一个项目**

    ```javascript
    localStorage.setItem("myCat", "Whiskers");
    ```

2. **获取一个项目**

    ```javascript
    let myCat = localStorage.getItem("myCat");
    ```

3. **删除一个项目**

    ```javascript
    localStorage.removeItem("myCat");
    ```

4. **清除所有项目**

    ```javascript
    localStorage.clear();
    ```

5. **检查一个项目是否存在**

    ```javascript
    if (localStorage.getItem("myCat")) {
      // 项目存在
    } else {
      // 项目不存在
    }
    ```

6. **遍历所有项目**

    ```javascript
    for (let i = 0; i < localStorage.length; i++) {
      let key = localStorage.key(i);
      let value = localStorage.getItem(key);
    }
    ```

7. **监听存储事件**

    ```javascript
    window.addEventListener("storage", function(event) {
      // 做一些事情
    });
    ```

8. **使用 JSON.stringify() 和 JSON.parse() 来存储和检索对象**

    ```javascript
    let myObj = { name: "Whiskers", age: 5 };
    localStorage.setItem("myObj", JSON.stringify(myObj));

    let myObj2 = JSON.parse(localStorage.getItem("myObj"));
    ```

9. **使用 localStorage 来存储用户偏好**

    ```javascript
    // 获取用户的语言偏好
    let languagePreference = localStorage.getItem("languagePreference");

    // 如果用户没有设置语言偏好，则使用默认语言
    if (!languagePreference) {
      languagePreference = "en";
    }

    // 设置语言偏好
    localStorage.setItem("languagePreference", languagePreference);

    // 使用用户的语言偏好来设置网站的语言
    document.documentElement.lang = languagePreference;
    ```

10. **使用 localStorage 来存储表单数据**

    ```javascript
    // 获取表单数据
    let formData = new FormData(document.querySelector("form"));

    // 将表单数据存储到 localStorage
    localStorage.setItem("formData", JSON.stringify(formData));

    // 当用户返回页面时，从 localStorage 中获取表单数据并填充表单
    let formData2 = JSON.parse(localStorage.getItem("formData"));
    for (let [key, value] of formData2) {
      document.querySelector(`input[name="${key}"]`).value = value;
    }
    ```