39-高级：给简历加个数据库

一、引入LeanCloud

---

仅仅是前端并不能存储数据，浏览器可以临时存储，但是刷新或是在另一台设备打开时就不存在了，那么怎么将数据有效的保存，以便随时随地可以获取？？？
上图：

image.png

简单使用LeanCloud：

1. 创建一个应用（比如：resume_2018_10）
2. 根据SDK指南引入 av-min.js ，得到全局对象window.AV
3. 初始化AV对象（拷代码）
4. 新建一条数据（直接拷代码）
   根据指南完成LeanCloud的引入以及测试成功后，
   开始下一步，修改copy的代码完成留言功能；
   此处用到一个事件------onsubmit；
   .onsubmit------------当form 表单中的(<input type="submit"/>)按钮被点击时或者使用回车键触发提交时就会触发该事件，可以用来判断用户提交动作。注意submit事件只能作用于form元素，不能作用于button或者<input type="submit">为什么？？？

复习点：

1. form表单，

2. input标签，

3. document.querySelector/element.querySelector，
   ---文档对象模型Document引用的**querySelector()**方法返回文档中与指定选择器或选择器组匹配的第一个 html元素Element。 如果找不到匹配项，则返回null。

语法

element = document.querySelector(selectors);
参数
selectors
包含一个或多个要匹配的选择器的 DOM字符串DOMString。 该字符串必须是有效的CSS选择器字符串；</dd>
例：

二、从数据库获取历史留言

---

三、数据库是什么鬼

---

四、数据库是什么鬼

---

五、数据库是什么鬼

---

六、数据库是什么鬼

---

1. 111
2. 222

①. 111
②. 222
③. 333