MySQL基本内容
操作数据表：
增：INSERT INTO 表名 VALUES(添加的内容,.....);
删：DELETE FROM 表名 WHERE id=几； 数据一旦删除无法找回
改：UPDATE 表名 SET 字段名=字段值,.... WHERE id=几；
查：SELECT * FROM 表名； 查全部
SELECT 字段名，字段名 FROM 表名； 查需要的内容
SELECT * FROM 表名 WHERE id=几； 查ID为几的那一行全部内容
PHP
输出方式：echo(想要输出的内容)；只能输出4中标准类型
var_dump(想要输出的内容)； 太详细不需要
前端到后端：前端需要发起请求
1、表单请求：
input必须添加name属性，有必要时添加value
form表单必须添加action="服务器端的文件路径"；
method提交使用get还是post； post安全性挂钩
2、后端接收请求：
$变量=$_REQUEST["input的name的值"]
REQUEST不管是GET还是POST都能接住
后端到数据库：
创建和数据库的连接对象
$conn=mysqli_connect("127.0.0.1","root","","h52202");
为此数据库设置中文编码
mysqli_query($conn,"SET NAMES utf8");
创建SQL语句：你要干什么
$sql="INSERT/UPDATE/DELETE/SELECT";
数据库要执行SQL语句
while(($row=mysqli_fetch_row|assoc|array($result))!=null){
var_dump($row);//拿到了数据要干什么？
echo "<br>";
}
断开和数据库的连接
mysqli_close($conn);
ajax： asynchronous javascript and xml 异步的javascript和xml
在不刷新页面的情况下也可以和服务器进行交互沟通
使用：
1创建ajax核心XHR对象
var xhr=new XMLHttpRequest();
2建立和服务器端的链接
xhr.open("GET/POST","xx.php");
3向服务器发送请求
GET请求：
xhr.open("GET","xx.php?key=value&....");
xhr.send(null);
POST请求：
xhr.open("POST","xx.php");
xhr.setRequestHeader("Content-Type","application/x-www-form-yrlencoded");
xhr.send("key=value&....");
4设置监听事件
xhr.onreadystatechange=()=>{
if(xhr.readyState==4&&xhr.status==200){
xhr.responsetText;
}
}
JSON:javascript object notation
JSON数据格式：
1、'[1,2,3,4,5]'
2、'{"name":"name","age":数字}'
3、'[{},{},{},{}]'
4、'{"names":[],"ages":[],"salaies":[]}'
PHP穿衣服：echo JSON_encode($arr); 数据转为了JSON字符串；
前端用ajax获得xhr.responseText数据脱衣服： JSON.parse(JSON数据)
客户端存储技术：
webStorage：分两大类
1、localStorage - 本地：永久保存
2、sessionStorage - 会话级：浏览器一旦关闭，数据就消失
保存：xxStorage.属性名=值；
读取：xxStorage.属性名；
删除：xxStorage.removeltem("属性名")；
清空：xxStorage.clear();
jQuery框架概念：目的|特点：简化DOM开发、事件、ajax
如何使用：
1、在HTML页面引入jquery-1.11.3.js文件
2、*使用jQuery提供的选择器去获取元素
3、*使用jQuery提供的API去操作元素
语法：$()或者jQuery()
作用：
查找元素：$("jQuery选择器") - 一切的css选择器都可以使用，但jQuery也提供了自己的选择器
使用帮助文档：https://www.w3school.com.cn/jquery/jquery_ref_selectors.asp
转换：jQuery和DOM对象都只能使用自己的操作，不能互相使用
jQuery转DOM：
语法：$("jQuery选择器")[下标] - 没卵用
DOM转jQuery：
语法：$(dom对象) - this/e.target 天生是一个DOM对象，转换后可以使用jQuery
通过关系获取元素：前提先找到一个元素
找父元素：$("xx").parent();
找子元素：$("xx").children();
找前一个兄弟：$("xx").prev();
找后一个兄弟：$("xx").next();
出了自己的其他兄弟：$("xx").sibilings();
操作元素：
内容 - html/text/val 和innerHTML/innerText/value
获取：$("xx").api();
设置：$("xx").api("新内容")；
属性 - attr 同等于getAttribute/setAttribute
获取：$("xx").attr("属性名")；
设置：$("xx").attr("属性名","属性值")；
删除：$("xx").removeAttr("属性名");
jQuery专门为class提供了一系列操作：
追加class：$("xx").addClass("新的class");
删除class：$("xx").removeClass();
- 如果不传入参数，清空所有class
- 如果传入参数，删除指定的class
切换class：$("xx").toggleClass("新的class");
- 在有此class和没有此class之间进行切换
样式 - css - 他只关心当前生效的样式是什么
获取：$("xx").css("css属性名")
设置：$("xx").css({ - 设置一定设置的是内联样式，优先级最高
"css属性名":"css属性值",
...
})
创建、渲染、删除
创建元素
var 新元素=$('<开始标签 class=' '>${变量}<'/结束标签'>)
渲染页面/上树
$("父元素").append(新元素);
删除元素
$("xx").remove();
总结：工厂函数：
1、找元素：$("选择器")
2、DOM->JQ：$(dom元素)
3、创建元素：$("标签")
