关于前端知识

前端学习



一、HTTP

1.1介绍

  • 概念:Hyper Text Transfer Protocol,超文本传输协议,规定了浏览器和服务器之间数据传输的规则
  • HTTP协议特点
    1.基于TCP协议:面向连接,安全(每次连接经过三次握手)
    2.基于请求-响应模型的:一次请求对应一次响应
    3.HTTP协议是无状态的协议:对于事务处理没有记忆能力.每次请求-响应都是独立的
    - 缺点:多次请求间不能共享数据.(Java使用会话技术解决Cookie,Session)
    - 优点:速度快

1.2 HTTP-请求数据格式

  • 请求数据分为3个部分:
    1.请求行:请求数据的第一行.其中GET表示请求方式, /表示请求资源路径,HTTP/1.1表示协议版本
    2.请求头:第二行开始,格式为key: value形式.
    3.请求体:POST请求的最后一部分,存放请求参数.
    在这里插入图片描述
    在这里插入图片描述

  • 常见的HTTP请求头:
    在这里插入图片描述

  • GET请求和POST请求的区别:
    在这里插入图片描述

1.2 HTTP-响应数据格式

  • 响应数据分为3部分:
    1.响应行:响应数据的第一行.其中HTTP/1.1表示协议版本,200表示响应状态码,OK表示状态码描述
    2.响应头:第二行开始,格式为key: value 形式
    3.响应体:最后一部分.存放响应数据
    在这里插入图片描述
    在这里插入图片描述
  • 常见的HTTP响应头:

在这里插入图片描述

二、Servlet

1.介绍

  • Servlet是Java提供的一门动态web资源开发技术
    在这里插入图片描述
    HTML CSS JS都是静态访问资源
  • Servlet是JavaEE规范之一,就是一个接口,我们需要定义Servlet类实现Servlet接口,并由web服务器来运行Servlet

1.1Servlet实现步骤

在这里插入图片描述

1.2Servlet执行流程

在这里插入图片描述

1.3Servlet生命周期

Servlet生命周期

2、Request和Response

2.1Request请求数据

(1).Request继承体系

在这里插入图片描述
在这里插入图片描述
1.Tomact需要解析请求数据,封装为request对象,并且创建request对象传递到service方法中
2.使用request对象查阅JavaEE API文档的HttpServletRequest接口

(2).Request获取请求数据

在这里插入图片描述

(2).1Request通用方式获取参数
  • Map<String,String[ ]> getOarameterMap() :获取所有Map集合
  • String[ ] getParameterValues(String name): 根据名称获取参数值(数组形式)
  • String getParameter(String name) : 根据名称获取单个参数值
(3).Request请求转发

在这里插入图片描述

2.2Response

1.重定向

在这里插入图片描述

路径问题

在这里插入图片描述

三.会话跟踪技术

1.介绍

在这里插入图片描述

2.Cookie

  • Cookie:客户端会话技术,将数据保存到客户端,以后每次请求都携带Cookie数据访问
  • Cookie 基础使用:
    1.创建Cookie对象,设置数据
    Cookie cookie = new Cookie("key","value");
    2.发送Cookie到客户端:使用respose对象
    response.addCookie(cookie);
    3.获取客户端携带的所有Cookie,使用request对象(浏览器会发送所有Cookie数据)
    Cookie[ ] cookies = request.getCookie();
    4.遍历数组,获取每一个Cookie对象
    5.使用Cookie对象方法获取数据
    cookie.getName(); cookie.getValue();

1.Cookie原理

在这里插入图片描述
响应头中带有set-cookie
下一次请求头中带有cookie

2.Cookie使用细节

在这里插入图片描述

Session

1.Session基本使用

在这里插入图片描述

2.Session原理

在这里插入图片描述

为了保证多个Servlet使用的是同一个Session对象,基于Cookie来实现

3.Session使用细节

在这里插入图片描述

4.小结

在这里插入图片描述

四.过滤器Filter

1.介绍

在这里插入图片描述

2.Filter快速入门

在这里插入图片描述

执行流程

在这里插入图片描述

Filter拦截路径配置

在这里插入图片描述

过滤器链

在这里插入图片描述

五.AJAX

1.介绍

  • 概念:异步的JavaScript和XML
  • AJAX作用:
    1.与服务器进行数据交换:通过AJAX可以给服务器发送请求,并获取服务器相应的数据
    2.异步交互:可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术,如搜索联想
    在这里插入图片描述注意:代码不用记

2.Axios异步框架

  • Axios对原生的AJAX进行封装,简化书写
  • 官网:https://www.axios-http.cn

2.1Axios快速入门

在这里插入图片描述上述代码再简化后
在这里插入图片描述

3.JSON

1.介绍

  • 概念:JavaScript 对象表示法
  • 由于语法简单,层次结构鲜明,多用于作为数据载体,在网络中进行数据传输
    在这里插入图片描述

2.基础语法

在这里插入图片描述

3.JSON数据和Java对象转换

  • 请求数据:JSON字符串转化为Java对象
  • 响应数据:Java对象转化为JSON字符串
    在这里插入图片描述

五.Vue

  • Vue是一套前端框架,免除原生JavaScript中的DOM操作,简化书写
  • 基于Model-View-ViewModel的思想,实现数据的双向绑定

1.快速入门

在这里插入图片描述


总结

最难不过坚持

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值