From 0abe56a34804c3d7d04ac8c7620d7f11b16ed84e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=93=E9=9B=A8=E6=B9=98?= <2488028707@qq.com>
Date: Sun, 29 Sep 2024 21:35:13 +0800
Subject: [PATCH] 20240923

---
 ...20240923-HTML5\350\247\243\346\236\220.md" | 39 +++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 "\351\202\223\351\233\250\346\271\230/20240923-HTML5\350\247\243\346\236\220.md"

diff --git "a/\351\202\223\351\233\250\346\271\230/20240923-HTML5\350\247\243\346\236\220.md" "b/\351\202\223\351\233\250\346\271\230/20240923-HTML5\350\247\243\346\236\220.md"
new file mode 100644
index 00000000..9762550a
--- /dev/null
+++ "b/\351\202\223\351\233\250\346\271\230/20240923-HTML5\350\247\243\346\236\220.md"
@@ -0,0 +1,39 @@
+## 拖拽
+`draggable="true"`
+### 拖拽元素
+ondragstart当拖拽开始时调用
+ondragleave当鼠标离开拖拽元素时调用
+ondragend当拖拽结束时调用
+ondrag整个拖拽过程都会调用
+## 历史
+界面上的所有JS操作不会被浏览器记住，就无法回到之前的状态。
+
+`window.history`对象可以让我们管理历史记录，可用于单页面应用，Single Page Application，可以无刷新改变网页内容。
+
+- window.history.forward(); // 前进
+
+- window.history.back(); // 后退
+
+- window.history.go(); // 刷新
+
+- window.history.go(n); //n=1 表示前进；n=-1 后退；n=0s 刷新。如果移动的位置超出了访问历史的边界，会静默失败，但不会报错。
+
+- 通过JS可以加入一个访问状态
+
+- history.pushState; //放入历史中的状态数据, 设置title(现在浏览器不支持改变历史状态)
+## 地理位置
+navigator.getCurrentPosition(successCallback, errorCallback, options) 获取当前地理信息
+position.coords.latitude纬度
+position.coords.longitude经度
+
+## Web存储
+### 存储的方式
+1、**`window.sessionStorage` 会话存储：**
+
+2、**`window.localStorage` 本地存储**：
+### 特性
+（1）设置、读取方便。
+
+（2）容量较大
+
+（3）只能存储字符串
\ No newline at end of file
-- 
Gitee