first commit

2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
--- a/历届学生/韩一伟/每天课程/2021-07-15/index.html
+++ b/历届学生/韩一伟/每天课程/2021-07-15/index.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <ul></ul>
+</body>
+<!-- <script>
+    function callback(res) {
+        console.log(res);
+    }
+</script>
+<script src="http://127.0.0.1/index.php?test=callback"></script> -->
+<script>
+
+    // 1：拿出手机
+    var ajax = new XMLHttpRequest()
+
+    // 2: 输入号码
+    ajax.open("POST", "http://127.0.0.1/index.php")
+    
+
+    // 3：拨号
+    ajax.send()
+
+    // 4：状态监听
+    ajax.onreadystatechange = function () {
+        if (ajax.readyState == 4) {
+            if (ajax.status == 200) {
+                console.log(ajax);
+                console.log(ajax.responseText);
+            } else {
+                console.log("抱歉，无法请求");
+            }
+        }
+    }
+</script>
+</html>
--- a/历届学生/韩一伟/每天课程/2021-07-15/笔记.txt
+++ b/历届学生/韩一伟/每天课程/2021-07-15/笔记.txt
@@ -0,0 +1,92 @@
+ajax
+
+作用：是一种无刷新的网页数据交互技术
+
+
+为什么需要它？
+
+web网站如何开发
+
+传统后端（服务端）渲染
+
+不好：导致代码变得臃肿难以维护
+
+后端：80% 工作量 实现功能，设计数据库，做完全维护，部署网站  1万
+前端：20% 写页面  3千
+适合seo优化
+
+前后端分离
+
+后端：50% 设计数据库，做完全维护，部署网站  1.2万
+前端：50% 写页面，功能   1万
+
+不利于做seo优化
+
+
+
+ajax：后端响应前端数据
+
+数据是什么格式：
+
+1: xml
+
+<data>
+  <title>哈哈哈</title>
+</data>
+
+2: json  
+
+js 里面数组和对象的各种嵌套组合
+
+var data = [
+    { title: 1 },
+    { title: 1 }
+]
+
+ajax (http)请求的方式：
+
+4种：
+
+GET     表示 获取 一个东西
+
+query 地址栏传参数
+http://127.0.0.1/index.php?id=1&name=liubing
+
+POST    表示 提交 一个东西
+表单传参数  对象传参 { name: 1 }
+
+
+PUT     表示 更新 一个东西
+DELETE  表示 删除 一个东西
+
+ajax（http）状态码：
+
+200 成功
+404 地址不存在
+...
+
+http://tools.jb51.net/table/http_status_code
+
+
+浏览器 安全策略  同源协议 （跨域）
+
+1：请求协议  http 80  https 443
+2：请求端口
+3：请求的域名
+
+前端：http://127.0.0.1:3000/test.php   file:///C:/Users/bmy/Desktop/2021-07-15/index.html
+后端：http://127.0.0.1:8080/index.php
+
+解决跨域：
+
+1：cors   后端设置一下 请求头：Access-Control-Allow-Origin 即可
+
+【淘汰】2：jsonp  不是ajax请求, 主要把接口地址伪装成  js 文件请求，绕过浏览器的安全策略，然后通过
+          callback回调拿到数据。
+
+3：服务端代理 
+
+A（自己公司前端） ---> B（别人后端）
+A（自己公司前端） ---> C（自己公司的后端）
+C（自己公司的后端） ---> B（别人后端）
+