前端基础
程序员文章站
2023-08-18 19:43:51
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:特殊符号
空格
> 表示大于号 >
< 表示小于号 <
® 表示注册
&
© 版权
¥ 表示人民币符号
上一篇： 网页设计（修订）继上一篇