67 lines
1.4 KiB
Plaintext
67 lines
1.4 KiB
Plaintext
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 |