ローカルストレージ:プログラムで生成された一部のデータをコンピュータに保存します。
一般的なローカル ストレージ スキーム:
1.ストレージ スキーム:
方法 1: localStorage ===== ローカル永続ストレージ(手動で削除しない限り常に存在します)
データが保存されているかどうかを確認する方法: 検査ツールで -Application-storage-localStorage を見つけます
特徴: 1. 一度保存すると手動で削除しない限り永続的に存在する
2. ページ間で通信可能、つまりページ a に保存されたデータを他のページから取得できる 3.
一部の基本的なデータのみが取得できる、複雑な型のデータは保存できません
语法：
存数据(增)：window.localStorage.setItem(key,value)
删除数据： window.localStorage.removeItem(键名)
一键清空：window.localStorage.clear()
查询数据：window.localStorage.getItem(键名)
改 数 据：语法和存储数据的语法是一样的 // 对象中不能出现重复的键名，故键名第二次出现视为更改
方法 2: sessionStorage ===== セッション ストレージ(一時的なストレージ。ブラウザを閉じると消えます)
1 つのキーで追加、削除、変更、確認、クリアする構文
は上記と同じ です。クロスページ通信をサポートし、他のページでも使用できます。 データを取得します
(前提条件: 他のページはこのページを通じてリダイレクトされ、現在のウィンドウである必要があります。新しいウィンドウの場合は機能しません)
语法：
存数据(增)：window.sessionStorage.setItem(key,value)
删除数据： window.sessionStorage.removeItem(键名)
一键清空：window.sessionStorage.clear()
查询数据：window.sessionStorage.getItem(键名)
改 数 据：语法和存储数据的语法是一样的 // 对象中不能出现重复的键名，故键名第二次出现视为更改2. Cookie スキーム:
Cookie ストレージ データの特徴:
1. Cookie は文字列のみを保存できます。
2. Cookie ストレージ データにはサイズ制限があり、約 4kb のデータのみを保存できます。あまり多くはありません。
3. Cookie ストレージのデフォルトはセッション レベル、つまりウィンドウです。閉じると消えてしまいますが、有効期限を設定することができます 4.
Cookie の操作は「サーバー」に依存する必要があり、ローカルで開かれたページでは Cookie を操作できません
5. Cookie のデータは自動的に引き継がれますフロントエンドとバックエンドがいつ通信するか
6 .storage はドメイン名によって異なります。どのドメイン名で開いてもそのドメイン名でしか利用できないことと、ドメイン名を越えて通信できないCookieを運用するポイント
：サーバー上でページを開く方法を検討すること。(vscode のライブサーバープラグインを使用するだけです)
実行時: 右クリックして選択: ライブサーバーで開くオプションを実行します。
Cookie を使用してデータを保存するための構文は次のとおりです。
document.cookie = 'key=value'
//设置过期时间：
我们设置的时间最终都会按照世界标准时间执行的
toGMTString()===转成北京时间
document.cookie = 'password=123456;expires=' + 时间对象.toGMTString()//转世界时间
//获取 cookie
console.log(document.cookie）
//存储了一条数据
document.cookie = 'username=zhangsan'
//存储一条带有过期时间的cookie
//创造一个事件对象 time就是时间对象，里面的时间是本地系统时间
var time = new Date()
//现在时间是2022年10月20日 16：57分 设置在16：59分过期
time.setMinute(59)
document.cookie = 'password=123456;expires=' + time.toGMTString()