前端课程介绍

前端课程介绍

目录

一、前端之路

前端基础:

HTML                 内容
CSS                  外观
JavaScript           动作

1. 了解前端

# 1. 什么是前端
'''
与用户直接打交道的操作界面都可以称为前端
如:电脑界面 手机界面  平板界面
'''

# 2，什么是后端
'''
	后端类似于软件的幕后操作者
	不直接跟用户打交道
'''

2.学习历程

HTML:网页的骨架 没有任何的样式 
CSS:给骨架添加各种样式 变得好看
JS:控制网页的动态效果

前端框架:BOOTSTRAP、JQuery、Vue
  	提前给你封装好了很多操作 你只需要按照固定的语法调用即可

3.软件开发架构

cs  客户端 服务端
bs  浏览器 服务端
ps:bs本质也是cs

4.浏览器输入网址后发生的几件事

浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面

"""
1 浏览器朝服务端发送请求
2 服务端接受请求(eg:请求百度首页)
3 服务端返回相应的响应(eg:返回一个百度首页)
4 浏览器接收响应 根据特定的规则渲染页面展示给用户看
"""

5.HTTP协议(重点)

'''
超文本传输协议  规定服务端和浏览器之间的数据交互格式...
如果不遵循协议，那么自己写的服务端就不能被浏览器正常访问

但是如果是自己写的客户端  用户想要使用 就可以下载专门的app即可
'''
需要记住的内容:
    1,四大特性
    2.请求/响应数据格式
    3.响应状态码
    4.请求方式

1.四大特性

# 四大特性
1.基于请求响应 
		- 来一个请求，就响一次
    
2.基于TCP/IP作用与应用层之上的协议 
		- 一般都是封装好的工具
    
3.无状态 - 不保留用户的信息
		- 现在  使用 cookie、session、token...记录用户信息
4.无/短连接
		- 请求一次响应一次，然后就断开连接
        - 长连接:双方建立连接后不断开

2.数据格式

# 1.请求数据格式
请求首行(标识HTTP协议版本，当前请求方式)
请求头(多个k,v键值组成的大字典)
\r\n
请求体(存放post请求的敏感数据)

# 2.响应数据格式
响应首行(标识HTTP协议版本，响应状态码)
请求头(多个k,v键值组成的大字典)
\r\n
请求体(存返回给浏览器展示给用户看的数据)

3.响应状态码

# 用不同的数字，简化一些描述信息
1xx  服务端已成功接收到了数据正在处理,可以继续提交数据
2xx  服务端成功响应请求 - 200 ok请求成功
3xx  重新向 - 302 - 如登录后，跳到首页
4xx  404 - 请求资源找不到
	 403 - 当前请求不合法或不符合访问资源的条件
5xx 服务器内部错误 - 500

注:开发过程中,若是4xx 那么要查询是否配置问题
            若是5xx 要从服务器后端找问题

4.请求方式

1.get请求
  朝服务端要数据
   eg:输入网址获取对应的内容
2.post请求
  朝服务端提交数据
   eg:用户登陆 输入用户名和密码之后 提交到服务端后端做身份校验
    
url:同一资源定位符 也就是网址
posted @ 2023-05-23 07:55  派森的猫  阅读(77)  评论(0)    收藏  举报