Web复习1——前端三剑客和网络初识

html

概念：

HTML是一种标记语言，用来结构化我们的网页内容并赋予内容含义，例如定义段落、标题和数据表，或在页面中嵌入图片和视频。

常见元素介绍：

1. form get/post 提交.
2. div块级元素
   无语义元素，通常是用来组织内容，方便之后通过 css 或者 js 对其进行布局或操作。

<!-- 某个版块 -->
<div>
  <h2>...</h2>
  <p>...</p>
</div>
<!-- 另一个版块 -->
<div>
  <h2>...</h2>
  <p>...</p>
</div>

3.段落：

<p>

4.图片：

<img>
<h1>一张 狗 的图片</h1>
<img src="dog.jpg">

5. input
6. 超链接：

<a>
<p>创建了一个指向<a href="http://bitedu.vip/">百度</a>的超链接。</p>

7.列表

• 有序列表ol li

<h1>学校怎么走？</h1>
<ol>
 <li>沿着条路走到头</li>
 <li>右转</li>
 <li>直行穿过第一个十字路口</li>
 <li>在第三个十字路口处左转</li>
 <li>继续走 300 米，学校就在你的右手边</li>
</ol>

• 无序列表ul li

<h1>早餐提供：</h1>
<ul>
 <li>豆浆</li>
 <li>油条</li>
 <li>豆腐脑</li>
 <li>米汤</li>
</ul>

8.<h1> 到 <h6>（字体从大到小）
9.加粗：
<b>

CSS

概念：

CSS 是一种样式规则语言，可将样式应用于 HTML 内容， 例如设置背景颜色和字体，在多个列中布局内容。

1 . 设置边距 margin-top、left

<img style = "width=200px;height=300px">

2.居中 text-aligin: centent
3.颜色 color

JS

概念：JavaScript 是一种脚本语言，可以用来创建动态更新的内容，控制多媒体，制作图像动画，还有很多。
属性操作: jQuery(" #id" ). attr(“属性名”,”value" )
去空格: trim()
弹出框: alter
选择框: confim
信息打印: console. log("”)

网络

http:

用于前后端数据交互
URL：全站资源定位符，平时我们俗称的 “网址” 其实就是说的 URL

上图补充说明

• 登陆信息 部分已经废弃
• 服务器地址：域名/IP
• 服务器端口号是默认端口号时可不加 URL
• url格式： 以?开头的多个键值对(每个键值对就是一个参数)，每个键值对使用=区分，每个键值之间使用&来区分。

https：本质是http,只是在http上加了一层密码
https基于http实现。

编码和解码：
为了正常的实现前后端的交互，为了保证URL传输的格式正确性。

HTTP状态码:

1XX:信息描述。
2XX:成功相关。200 ->请求和响应成功
3XX:跳转相关。301 (永久重定向)、302 (临时重定向)
4XX:客户端错误。
401（所请求的页面需要用户名和密码）/404 (未找到页面)
5XX:服务器错误信息。
500（代码兼容性有问题）/504（网关超时）

http请求：

• 首行: [方法] + [url] + [版本]
• Header: 请求的属性, 冒号分割的键值对;每组属性之间使用\n分隔
• 空行：表示Header部分结束
• Body: 空行后面的内容都是Body. Body允许为空字符串. 如果Body存在, 则在Header中会有一个Content-Length属性来标识Body的长度；当请求为Get请求是body为空。

题：为什么get的body可以是空的，post的body才有内容？
答:body存储的是参数，而get的参数已经在URL上拼接，所以get的body可以是空的。

http响应：

• 首行: [版本号] + [状态码] + [状态码解释]
• Header: 请求的属性, 冒号分割的键值对;每组属性之间使用\n分隔
• 空行：表示Header部分结束
• Body: 空行后面的内容都是Body. Body允许为空字符串. 如果Body存在, 则在Header中会有一个Content-Length属性来标识Body的长度; 如果服务器返回了一个html页面, 那么html页 面内容就是在body中

http常见的header信息:
Content- Tpye:数据类型，有text/html等
Content-Length: body的长度，用于初步校验数据在传递过程中是否丢失
Host:来源

http方法：

get:获取资源
post:传输实体主题

参数在URL中就是get请求,参数在body中就是post请求

题：get和post区别（3点）
答：
1.get参数是在URL上拼接的，post的参数是在body里面
2.get方法没有post方法安全，因为get参数是在URL里
3.get请求的参数大小是有限制的，post是没有限制的

注:如果参数不长且传递信息不敏感，用get,如果参数长且传递信息敏感，用post; 默认接口请求类型是post

Tomcat:发布应用程序

Maven：

用于软件项目管理的工具
Maven作用：
1.用来管理外部依赖（项目中使用的外部jar包）
2.用来打包项目
3.将项目进行部署
Maven出现问题解决方案:
1.将中央仓库的地址更换成国内。
2.将本地仓库的jar清空，重入下载3遍以上。