first commit

历届学生/18课程/class18/课程/2020-10-24/笔记.txt

@@ -0,0 +1,64 @@
+ajax : 
+
+
+wx.request({
+
+})
+
+uni.request({})
+
+vue axios
+
+react axios 
+
+jquery $.ajax
+
+xhr XMLHttpRequest
+
+ajax是什么？无刷新的网页数据交互方式、
+
+类似：电话
+
+web开发模式：
+
+纯后端渲染：
+优势：对浏览器的搜索引擎优化有更好的帮助，一个后端就能搞定一个网站的开发，成本更低
+缺点：项目后期维护成本非常非常高，代码逻辑和组织结构混乱
+80% + 20%
+
+前后端分离：50% + 50%
+
+后端：给数据（数据库，服务器安全）,
+前端：调接口，拿数据，写页面，实现前端功能
+
+ajax 跨域
+跨域是谁导致的: --> 浏览器（同源策略）
+
+同源策略
+
+协议
+域名
+端口
+
+三者都一模一样的时候才能正常请求
+
+
+http://127.0.0.3:9090/index.html
+
+http://127.0.0.1:3000/index
+
+
+解决跨域问题
+
+1：后端设置cors
+
+2：jsonp + 回调
+浏览器不阻挡js,css,img的资源文件请求,所以将ajax伪装成js文件请求绕过浏览器的 同源策略
+
+jsonp不是ajax
+
+
+3：服务端代理
+
+A我的自己的前端  ---浏览器x--- B别人的后端
+A我的自己的前端 ------ C我们自己的后端 ---- B别人的后端