前端核心技术精要-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_41082358/article/details/106629832

1、概念

（1）HTML（超文本标记语言）用来描述网页的一种语言
无状态
请求首行：请求方式（get、post）、请求路径（index.html）、协议和版本（HTTP/1.1）
请求头：HOST:localhost:8080 请求内容：key value

（2）JavaScript 是属于 HTML 和 Web 的编程语言，对网页行为进行编程
（3）CSS 规定网页的布局
（4）ajax是一个技术，提供异步更新机制，实现局部更新网页
（5）jQuery 是一个框架， JavaScript 的函数库

2、GET、POST

（1）get没有请求体，post有请求体
（2）get数据有大小上限，post没有上限
（3）表单可以发post请求，但默认是get
（4）请求头、请求体信息
（5）请求头、请求体
GET https://www.baidu.com/s?wd=123 HTTP/1.1 GET请求请求服务器路径协议版本
Host: www.baidu.com 请求主机名
User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; rv:11.0) like Gecko 浏览器和操作系统信息
Accept: text/html, application/xhtml+xml, image/jxr, / 告诉服务器，当前客户端可以接收的文档类型
Accept-Language: zh-CN 客户端支持的语言，可在浏览器设置选项中找到相关信息
Accept-Encoding: gzip, deflate 客户端支持的压缩格式，数据在网络上传递时，服务器可能会把数据压缩后在发送
Accept-Charset: GB2312,utf-8;q=0.7*;q=0.7 客户端支持的编码
Connection: Keep-Alive 客户端支持的链接方式，保持一段链接时间，默认为3000ms
Cookie: BD_UPN=1126314751; BAIDUID=57F9228A483DDE6E581C6C6ED0288A60:FG=1; 因为不是第一次访问该地址，所以会在请求中上把上一次服务器响应发过来的Cookie一起发过去
（6）响应头、响应体
HTTP/1.1 200 OK
Location: https://wappass.baidu.com/static/captcha/tuxing.html?&ak=c27bbc89afca0463650ac9bde68ebe06&backurl=https%3A%2F%2Fwww.baidu.comhttps%3A%2F%2Fwww.baidu.com%2Fs&logid=7619166756879189252&signature=b451bb1ac63e0569d3abb835e91b902b&timestamp=1592314966
Date: Tue, 16 Jun 2020 13:42:46 GMT
Content-Length: 0
Content-Type: text/plain; charset=utf-8
Connection: close
响应体是一个html

3、状态码

200：请求成功
404：请求资源没找到，请求了不存在的资源
500：请求资源找到了，但服务器出现错误
302：重定向，表示服务器要求浏览器重新发一个请求，服务器会发一个响应头，指定请求新的url地址。例子：访问一个地址，提示地址搬家了，然后提示几秒后跳转到新地址
304：浏览器请求一个静态页面index.html，首次请求该页面，服务器返回的数据会带上一个网页的最后一次修改时间（相当于版本号）
第二次请求该页面，浏览器数据会带上版本号，服务器对比后，若是版本号一致，就返回304，浏览器收到后就显示缓存中的index.html
其他响应头
（1）告诉浏览器不要缓存的响应头
expires: -1
cache-control: no cache
parma: no cache
（2）自动刷新头：
refresh: 3;url=http:www.itcast.cn

4、web三大件

（1）servlet
生命周期：
1）首次访问绑定的url，会创建，并调用init方法
2）每调用servlet一次，service方法调用一次
3）tomcat关闭时，销毁servlet，调用destroy方法
工作流程：
1）客户端请求url
2）服务器根据url通过xml配置匹配对应的servlet
3）把请求数据封装成request和建立一个response对象，传给servlet
4）servlet从request获取数据，用response响应客户端
接口、实现类：
1）javax.servlet.Servlet接口
2）javax.servlet.genericServlet抽象类
3）avax.servlet.http.HttpServlet抽象类
servlet三大域对象：
ServletContext
ServletRequest
HttpSession
方法：
1）String getServletName 返回值
2）ServletContext getServletContext
3）String getInitParamter(String name) 获取servlet初始化参数
4）Enumeration getInitParamterNames() 获取初始化参数的名字
小知识：
1）HttpServlet的doGet、doPost方法默认响应给客户端发送405状态码，所以需要重写方法

（2）filter 过滤器
（3）listener 监听器

5、ServletContext

（1）Servlet的域对象
（2）一个web应用程序只有一个实例
（3）服务器启动创建，关闭时销毁
（4）内部Map结构

6、web.xml配置

实现配置热加载、热更新
在context.xml的

<?xml version="1.0" encoding="UTF-8"?>

<servlet>
    <servlet-name>MyServlet</servlet-name>
    <servlet-class>server.MyServlet</servlet-class>
	
	<!-- 额外配置 -->
	
	<!-- 表示服务器启动就初始化servlet，若友多个servlet配置了，该数值就为创建的顺序 -->
	<load-on-startup>1</load-on-startup>
	<!-- 初始化参数 -->
	<init-param>
		<param-name>p1</param-name>
		<param-value>v1</param-value>
	</init-param>
</servlet>

<!-- URL地址对应的servlet -->	
<servlet-mapping>
    <servlet-name>MyServlet</servlet-name>
    <url-pattern>/login</url-pattern>
</servlet-mapping>

<!-- context初始化参数 -->	
<context-param>
    <param-name>p1</param-name>
	<param-value>v1</param-value>
</context-param>


<!-- 欢迎页面 -->
<welcome-file-list>
    <welcome-file>login.html</welcome-file>
    <welcome-file>login.htm</welcome-file>
    <welcome-file>login.jsp</welcome-file>
</welcome-file-list>