什么是HTML
html是用来描述网页的一种语言,html是指超文本标记语言(Hyper Text Markup Language),html不是编程语言,是一种标记语言。
HTML元素语法
元素的内容是开始标签与结束标签之间的内容,空元素在开始标签中进行关闭,大多数的HTML元素可以拥有属性。
HTML的属性
1.标签可以拥有属性为元素提供更多的信息
2.属性一键/值对的形式出现
3.常用标签属性:
<h1>
:align 规定对齐的方式
<body>
:bgcolor 是规定背景的颜色
<a>
:target 是规定在何处打开链接
4.通用属性:
class
: 规定元素的类名
id
: 规定元素唯一ID
style
: 规定元素的样式
title: 规定元素的额外信息
常用标签
1.声明:<!DOCTYPE>
HTML有很多不同的版本,只有完全明白页面中使用的确切HTML版本,浏览器才能完全正确地显示出HTML页面,这就是HTML的用处。
2.头标签:<head></head>
用于定义头的编码格式和信息,head标签用于定义网页文档的头部,它是所有头部元素的容器。在head标签中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
3.注释:<!-- >
注释标签用于在源代码中插入注释。注释不会显示在浏览器中。
4.段落标签: <p>
定义段落
5.链接:<a>
定义链接
6.图像:<img>
标签定义图像
格式标签
标签 | 描述 |
---|---|
<b> | 定义粗体文本 |
<big> | 定义大号字 |
<em> | 定义着重文字 |
<i> | 定义 斜体字 |
<small> | 定义小号字 |
<strong> | 定义加重字 |
<sub> | 定义下标字 |
<sup> | 定义上标字 |
<ins> | 定义插入字 |
<del> | 定义删除字 |
前端存储数据汇总
- cookie: 以字符串形式存储,数据有过期时间
- localStorage:以对象形式存储,数据永久保存
- sessionStorage:以对象形式存储,生命周期所属页面标签(页面不关闭,数据就不会失效)
- Vuex(store):仓库,以对象的形式存储,当页面刷新数据就重置(移动端不能刷新,所以只有应用大退才会重置)
前端数据传到后端,异步请求细节
1)vue框架用axios完成ajax异步请求
语法:this.$axios().then().catch();
解读:$axios()是请求逻辑 | then()是正常响应逻辑 | catch()是错误响应逻辑
具体语法:
this.$axios({
url: '后台接口链接',
method: '请求方式',
params: {}, // url拼接数据,所有的请求都可以发送该数据
data: {}, // 数据包数据,除了get请求外,都可以发送该数据
headers: {} // 请求头参数
}).then(response => {
// response是http状态2xx的响应结果,响应数据是response.data
}).catch(error => {
// error是http状态4xx、5xx的响应结果,错误响应对象是error.response,错误响应数据是error.response.data
})
2)前台提交数据的两种方式:
i)url拼接参数:
所有请求都拥有的提交数据的方式
该方式会将数据都在请求url后用?拼接的方式提交给后台
提交数据只能采用url字符串方式提交给后台,数据是不安全的
axios插件可以用params属性携带url拼接参数
ii)数据包参数:
除get请求外的所有请求都拥有的提交数据的方式
该方式会将数据进行加密,打包成数据包方式提交给后台
打包加密数据有三种方式:urlencoded(form默认的方式)、form-data(可以提交文件)、json(提交json数据)
原生Django没有提供所有类型的数据包数据解析规则,但是数据会在request.body中,我们可以自己手动解析
Django rest-framework框架提供了三种类型的数据包参数解析
axios插件可以用data属性携带数据包参数