web前端基础知识

什么是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>定义删除字

前端存储数据汇总

  1. cookie: 以字符串形式存储,数据有过期时间
  2. localStorage:以对象形式存储,数据永久保存
  3. sessionStorage:以对象形式存储,生命周期所属页面标签(页面不关闭,数据就不会失效)
  4. 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属性携带数据包参数
		
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值