HTML5API_day02

day02内容

jQuery中的ajax
异步交互局部刷新，与后台进行数据交互
http协议 请求报文和响应报文
浏览器控制台网络面板中查看请求和响应
请求头 请求体，前端给后台的参数
响应头 响应体，后台给前端的数据
发送请求，接受响应
前端与后台对接接口，接口文档，swagger可视化文档
前端必须知道接口路径，请求方式，携带的参数，后台给的响应
约定后台返回数据格式
{
“status”:200,
“message”:‘查询成功’,
“data”:[]
}
$.ajax({
url:‘http://…’,
method:‘get’,
data:{
name:’’,
phone:’’
}, //给后台的数据
success:function(res){
//res 后台给前端的数据
if(res.status==200){
res.data
}
},
error:function(error){
console.log(error);
}
})
$.get(url,data,function(res){});
$.getJSON(url,data,function(res){});
$.post(url,data,function(res){});
$div.load(’./a.html’)
jQuery中的ajax给后台发送的数据默认是表单格式的数据。
Content-Type:“application/x-www-form-urlencoded”

HTML5API
媒体元素
paused 是否暂停
volume 音量
currentTime 播放时间
playbackRate 播放速率
play()
pause()

画布
DOM->context
context.fillStyle = ‘’;
context.strokeStyle = ‘’;
context.lineWidth = ‘’;
context.fillRect(x,y,width,height);
context.strokeRect(x,y,width,height);
context.clearRect(x,y,width,height);
路径
context.beginPath();
//Math.PI/180*60
context.arc(x,y,r,startAngle,endAngle,direction);
context.moveTo(x,y);
context.lineTo(x,y);
context.lineTo(x,y);
context.lineTo(x,y);
context.bezierCurveTo(x1,y1,x2,y2,x,y);
context.quadraticCurveTo(x1,y1,x,y);
context.closePath();
context.fill();
context.stroke();

填充模式
context.fillStyle = ‘blue’;