first commit

历届学生/韩一伟/每天课程/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（别人后端）
+