10_01、前端基础、HTTP协议

一、前端概念

1、什么是前端

凡是跟用户打交道的界面都可以称之为前端，不直接与用户打交道的可以称之为后端

前端：pc、手机端、平板

后端：python、java、go、node.js、php

2、前端要学习的内容

前端三剑客：

　　1、HTML：网页的骨架

　　2、css：美化页面

　　3、JavaScript：是网页动起来，有动态的效果

前端框架：

　　bootstrap、jQuery、Vue、react、angular

3、软件开发架构

软件开发架构包括：

　　1.c/s：客户端/服务端

　　2.b/s：浏览器/服务端

b/s架构是特殊的c/s架构，前端的代码可以交给浏览器执行

 

前端代码的书写环境：文本、pycharm、vscode

4、在浏览器网址栏中输入网址，发生了什么事？

    1. 浏览器发起请求
    2. 服务端接收请求
    3. 服务端处理请求
    4. 服务端返回结果给浏览器

注意：

　　1、浏览器是特殊的c/s架构，可以作为服务端的客户端

　　2、浏览器可以充当很多服务端的客户端

　　3、为了让每一个连接浏览器的服务端能够识别浏览器这个客户端，所有的服务端都必须遵循一个规则—HTTP协议

二、HTTP协议

1.作用域

　　tcp/udp协议  => 传输层
　　IP协议          => 网络层
　　HTTP协议    => 应用层

2.HTTP协议的四大特征

        1. 基于请求响应
        2. 在tcp/udp协议之上的应用层协议
        3. 无状态，不能保存数据（不能保存用户信息）
            怎么解决不能保存用户信息呢？
                cookie, session, token...
        4. 短链接/无连接

　　　　接收请求/响应请求/断开连接，再无任何联系

3.请求数据格式

    1. 请求首行（请求方式）
    2. 请求头
    3. \r\n
    4. 请求体

4.响应数据格式

    1. 响应首行
    2. 响应头
    3. \r\n
    4. 响应体

5.请求方式

    1. get
        当客户端向服务端索要数据的时候，就使用get请求
        参数
         # https://www.baidu.com/s?wd=%E5%9B%BE%E8%A7%A3HTTP&rsv_spt=1
         ?k=v&k1=v1&k2=v2
         '''get请求是没有请求体的'''
         '''get请求不安全'''
         '''get请求携带的参数大小有限制：4KB'''
    2. post
        当客户端向服务端提交数据的时候使用post
        参数
        '''post是有请求体的'''
        '''post请求安全'''
        '''post请求携带的参数大小没有限制'''
        
 # 面试题：get和post区别？

6.相应状态码

    1xx:    请求提交成功，还可以继续提交
    2xx:    200, 请求成功
    3xx:    301, 302都是重定向
    4xx：   404：资源不存在， 403：没有权限
    5xx：   500：服务器内部错误