bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
历届学生/吴欣阳/每天课程/2021-06-23/index.html Normal file
View File

@@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<ul>
</ul>
</body>
<script>
// function geData(res) {
// console.log(res)
// }
</script>
<!--<script src="http://127.0.0.1/list.php?name=geData"></script>-->
<script>
// // 1：拿出手机
// var http = new XMLHttpRequest() // xhr
//
// // 2：设置拨号方式和手机号码
// http.open("GET","http://127.0.0.1/list.php");
//
// // 3：拨号
// http.send()
//
// // 4：拨号的状态监听
// http.onreadystatechange = function () {
//
// if (http.readyState == 4) {
// if (http.status == 200) {
// var data = JSON.parse(http.response);
//
// data.result.forEach(v=> {
// document.querySelector("ul").innerHTML += `<li>${v.title}</li>`
// })
// } else {
// console.log("请求错误")
// }
// }
// }
</script>
</html>

67
历届学生/吴欣阳/每天课程/2021-06-23/笔记.txt Normal file
View File

@@ -0,0 +1,67 @@
web 开发方式
1：后端（服务端）渲染
后端工作：70% 数据库，后端代码，页面渲染，数据安全，页面功能 1万
前端工作：30% 写静态页面 3千~3千
优点：前端浏览器压力下，前端开发工作任务少，对搜索引擎更友好
缺点：代码冗余非常高，版本升级的时候更加困难
2：前后端分离
后端工作：50% 数据库，后端代码，数据安全 1万+1000
|
|
ajax
|
|
前端工作：50% 写静态页面，页面功能，页面渲染 1万
ajax 官方解释
无刷新的前后端数据交互技术
request 请求
response 响应
请求方式：
GET
https://www.baidu.com/s?ie=utf-8&f=8
地址栏传参
POST
https://www.baidu.com/s
请求体（参数）里面发送的
PUT
DELETE
请求状态码：
浏览器有个同源策略（跨域）
前端：http://127.0.0.1:8080/index
后端：http://127.0.0.1:80/list.php
http: 80
https: 443
协议
域名
端口
绕过浏览器的安全策略（解决跨域）
1：cors （Access-Control-Allow-Origin） 需要后端在请求头中中设置cors，告诉浏览器放行我们的前端
2：jsonp 把接口地址伪装成js文件地址，骗过浏览器达到成功发送请求的目的，拿回数据需要 + 回调函数 ！！ 不是ajax请求
3：服务端代理
A（我的前端） ------> B（别人公司的后端）
A ---> C（我们自己的后端）
C ---> B