欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

前端基础

程序员文章站 2022-06-01 17:21:40
1.json序列化回顾:json序列化默认数据结构 第一种:手动转字符串 第二种:继承json重写它的default方法2.什么是前端? 任何与用户直接交互的界面都可以称之为前端3.为什么学习前端? 略 前端与用户交互,写程序不就是为了这个么?虽然是后端工程师,但是若对前端一点都不了解,就太low了 ......
1.json序列化回顾:json序列化默认数据结构
第一种:手动转字符串
第二种:继承json重写它的default方法

2.什么是前端?
任何与用户直接交互的界面都可以称之为前端

3.为什么学习前端?
略 前端与用户交互,写程序不就是为了这个么?虽然是后端工程师,但是若对前端一点都不了解,就太low了,所以还是知道一点为好!

4.web本质
浏览器输入网址后,向服务器发送请求
服务器接收请求
服务器返回响应请求
浏览器接收响应,并且解析渲染展示到用户中端的屏幕上

5.http协议:
超文本传输协议:规定了信息基于网络传输的发送及接收格式
本质就是规范数据传输的一整套规范,按照这个规范,我们就可以传输任意想要传输的数据

6.http状态码: 访问服务器后的几种状态
10x 服务器已经接收了你的请求,正在处理,你可以继续提交数据,或者原地等待
20x 请求成功
30x 内部重定向(是指页面跳转到了其他的页面,可以自己指定跳转的页面)
40x 请求错误(原因有很多,例如,找不到要访问的页面)
50x 服务器错误(服务器可能出现了bug,无法访问)

7.html文件:
超文本标记语言:规定了前端页面的书写标准,就是html文件的书写规范

8.html注释
(1) 单行注释: <!--此处写单行注释-->
(2) 多行注释: <!--
此处可写多行注释
-->

9.html文档结构:
<!doctype html> 默认就有,表示这是一个html文件
<html>
<head> </head>
<body> </body>
</html>

10.head内常用的标签
title: 定义网页标签
link: 引入外部css文件
scrip: 在该标签内直接写js代码,也可引入外部js文件
style: 内部写scc样式语句,例如可以把要展示的某一部分编程任意颜色
meta
name='keywords' content='.....................'

11.body内常用标签
(1) 常用标签:
h1 h2 h3 h4 h5 h6
(从1到6,从大标签到小标签)
p 段落标签,可以写任意长度的文本
img 单标签
<img src:"图片地址,后缀名必须是图片格式,例如png格式的图片"
alt:图片未加载完成显示信息
title:鼠标悬浮上去显示显示文本
width:"指定图片大小"
height:"也是指定图片大小,只需要调整一个,另一个自动按比例缩放">
例如:<img src="https://ss0.bdstatic.com/94ojfd_baact8t7mm9gukt-xh_/timg?image&quality=100&size=b4000_4000&sec=1554104935&di=63cf1481a4ee58d4a0ba4c55bcb05d46&src=http://bbswater-fd.zol-img.com.cn/t_s1200x5000/g5/m00/0e/08/chmkjlrdxhcihezjaavwp5q8sbmaan0iaa90kyac9zx715.jpg"
title="这是谁,我也不认识" width=600">

type disc,none,square,circle

(2) 列表标签
无序标签:其中 type可以指定为desc(实心黑色小圆圈),none(前面什么都没有),square(前面的标题是黑色小方框),circle(空心小圆圈)
最好实践一下,一目了然
例如:<ul type="desc">
<li>谢佐是智障</li>
<li>达哥很稳重</li>
<li>enosh最帅</li>
</ul>

有序标签:type 也可指定罗马数字,希腊数字,英文大小写字母
例如:<ol type="1">
<li>你好</li>
<li>hello</li>
<li>萨瓦迪卡</li>
</ol>

标题标签:<dl>这是标题标签(dt是打标签,dd会缩进表示)
<dt>标题一</dt>
<dd>内容1</dd>
<dd>内容2</dd>
<dd>内容3</dd>
<dt>标题二</dt>
<dd>内容1</dd>
<dd>内容2</dd>
</dl>


12:特殊符号
&nbsp; 空格
&gt; 表示大于号 >
&lt; 表示小于号 <
&reg; 表示注册
&amp;
&copy;  版权
&yen; 表示人民币符号