最后
既已说到spring cloud alibaba,那对于整个微服务架构,如果想要进一步地向上提升自己,到底应该掌握哪些核心技能呢?
就个人而言,对于整个微服务架构,像RPC、Dubbo、Spring Boot、Spring Cloud Alibaba、Docker、kubernetes、Spring Cloud Netflix、Service Mesh等这些都是最最核心的知识,架构师必经之路!下图,是自绘的微服务架构路线体系大纲,如果有还不知道自己该掌握些啥技术的朋友,可根据小编手绘的大纲进行一个参考。
如果觉得图片不够清晰,也可来找小编分享原件的xmind文档!
且除此份微服务体系大纲外,我也有整理与其每个专题核心知识点对应的最强学习笔记:
-
出神入化——SpringCloudAlibaba.pdf
-
SpringCloud微服务架构笔记(一).pdf
-
SpringCloud微服务架构笔记(二).pdf
-
SpringCloud微服务架构笔记(三).pdf
-
SpringCloud微服务架构笔记(四).pdf
-
Dubbo框架RPC实现原理.pdf
-
Dubbo最新全面深度解读.pdf
-
Spring Boot学习教程.pdf
-
SpringBoo核心宝典.pdf
-
第一本Docker书-完整版.pdf
-
使用SpringCloud和Docker实战微服务.pdf
-
K8S(kubernetes)学习指南.pdf
另外,如果不知道从何下手开始学习呢,小编这边也有对每个微服务的核心知识点手绘了其对应的知识架构体系大纲,不过全是导出的xmind文件,全部的源文件也都在此!
-
html综合案例
-
css知识回顾
-
-
- 内部样式表
-
-
外部样式表
-
背景样式
-
文本样式
-
字体样式
-
选择器
-
- 伪类选择器
-
- 状态伪类
-
结构伪类
-
伪元素选择器
-
其他选择器
-
- class选择器
-
id选择器
-
逗号选择器
-
空格选择器
-
>选择器
-
属性选择器
-
选择器优先级
-
div设置
-
居中样式
-
定位机制
-
-
- 浮动效果
-
-
浮动引起崩塌
-
清除浮动
-
总结
博主很久以前就学习了Html和css,也学习了Java基础,但是一直没有使用过,写过的项目也都是在使用Python。这不,最近期末结课了,时间挺多,所以准备学学Java Web。网课已经备好了,笔记也会同步分享,有一样的小伙伴一起来看看吧
今天我们先来回顾一下网页部分的Html和css基础知识,这部分知识相信大多数小伙伴都已经学习过,博主我也一样,但是问题是学习了以后就没怎么实际的去使用过,所以很多知识都已经忘了,为了避免拖慢后续的学习进度,所以还是回顾一下相关知识。
HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。
常用标签
文本标签(font)
测试font标签
段落标签(p)
【测试p标签】我是一名大学生!我很喜欢计算机!我的每一天都在和代码打交道!
【测试p标签】如果你看到这段话说明你也在学习Java Web!一起加油吧!
换行标签 (br)
这个标签需要区别于上一个的段落标签,两者容易混淆。
【测试p标签】我是一名大学生!我很喜欢计算机!
我的每一天都在和代码打交道!
【测试p标签】如果你看到这段话说明你也在学习Java Web!一起加油吧!
标题标签(h1、h2…)
测试h标签
测试h标签
测试h标签
测试h标签
测试h标签
测试h标签
图片标签(img)
超链接标签(a)
- 普通a标签可以跳转页面和打开图片
- a标签可以设置锚点,当页面长度足够时可以出现效果
列表标签(li)
- 无序列表
- aaa
- aaa
- aaa
- aaa
- aaa
- aaa
- aaa
-
- 有序列表
- aaa
- aaa
- aaa
- aaa
- aaa
- aaaa
- aaa
-
表格标签(table)
- 一般表格
姓名 性别 电话 小柯 男 189899 小小柯 男 199899
- 特殊样式表格
个人信息表 姓名 性别 电话 小柯 男 189899 小小柯 199899 小小 女 166699 其他:
表单标签(form)
男
女
游泳
爬山
跳水
跑步
1999 1998 1997 1996 1995年
01 02 03 04 05月
01 02 03 04 05日
按钮一
提交
请输入
html综合案例
针对一些特殊的情况我们可以采用表格布局,下面我们将上面的表单使用表格进行布局。
请输入用户名: 请输入密码: 请再输入密码: 性别: 男
女
兴趣爱好:游泳
爬山
跳水
跑步
出生年月:-->
1999 1998 1997 1996 1995年
01 02 03 04 05月
01 02 03 04 05日
css(层叠样式表)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
内部样式表
内部样式表是指我们直接将css样式与html文件放在一起,这种方式一般不常用。
我爱学习!
我在学习Java Web!
外部样式表
外部样式表是指将css样式与html分开存放,这种方法方法比较常用。
我爱学习!
我在学习Java Web!
/* 这段代码展示内部样式表 */
p {
background-color: red;
font-size: 30px;
}
body {
background-color: yellow;
background-image: url(./imgs/2.png);
/* 设置如何平铺对象的 background-image 属性 */
background-repeat: no-repeat;
/* 设置背景图像是否固定或者随着页面的其余部分滚动 */
background-attachment: fixed;
/* 设置背景图像的位置位置 */
background-position: 20px 40px;
}
背景样式
我爱学习!
我在学习Java Web!
文本样式
p {
/* 设置文本颜色 */
color: blue;
/* 文本方向/书写方向 */
direction: ltr;
/* 设置字符间距 */
letter-spacing: 10npx;
/* 设置行高 */
line-height: 20npx;
/* 设置文本对齐方式 */
text-align: center;
/* 文本的修饰 */
text-decoration: line-through;
/* 文本设置阴影 */
text-shadow: coral;
/* 改变字母大小写 */
text-transform: lowercase;
/* 首行缩进 */
text-indent: 10npx;
}
字体样式
ul{
/* 设置列表项目外观 */
list-style-type: circle;
/* 设置列表符号位置 */
list-style-position: outside;
/* 设置列表项目标记 */
list-style-image: url(./imgs/3.gif);
}
选择器
伪类选择器
状态伪类
状态发生变化的时候。
/* 未访问的链接 */
a:link{
color: red;
}
/* 已访问的链接 */
a:visited{
color: #0000FF;
}
/* 鼠标移动到连接上(浮动 悬停) */
a:hover{
color: #FF7F50;
font-size: 30px;
}
/* 向被激活的元素添加样式 */
a:active{
color: blue;
}
/* 选择拥有键盘输入焦点的元素 */
/* a:focus{
} */
label:hover{
color: #FF0000;
}
结构伪类
/*
:first-child------>选择元素的第一个子元素
:last-child------->选择某个元素的最后一个子元素
:nth-child------->选择某个元素的一个或者多个特定子元素
:nth-last-child------>选择某个元素的一个或者多个特定元素,
从这个元素的最后一个子元素开始算
:first-of-child-------->选择一个上级元素下的第一个同类子元素*/
最后
由于细节内容实在太多了,为了不影响文章的观赏性,只截出了一部分知识点大致的介绍一下,每个小节点里面都有更细化的内容!
小编准备了一份Java进阶学习路线图(Xmind)以及来年金三银四必备的一份《Java面试必备指南》
体样式
ul{
/* 设置列表项目外观 */
list-style-type: circle;
/* 设置列表符号位置 */
list-style-position: outside;
/* 设置列表项目标记 */
list-style-image: url(./imgs/3.gif);
}
选择器
伪类选择器
状态伪类
状态发生变化的时候。
/* 未访问的链接 */
a:link{
color: red;
}
/* 已访问的链接 */
a:visited{
color: #0000FF;
}
/* 鼠标移动到连接上(浮动 悬停) */
a:hover{
color: #FF7F50;
font-size: 30px;
}
/* 向被激活的元素添加样式 */
a:active{
color: blue;
}
/* 选择拥有键盘输入焦点的元素 */
/* a:focus{
} */
label:hover{
color: #FF0000;
}
结构伪类
/*
:first-child------>选择元素的第一个子元素
:last-child------->选择某个元素的最后一个子元素
:nth-child------->选择某个元素的一个或者多个特定子元素
:nth-last-child------>选择某个元素的一个或者多个特定元素,
从这个元素的最后一个子元素开始算
:first-of-child-------->选择一个上级元素下的第一个同类子元素*/
最后
由于细节内容实在太多了,为了不影响文章的观赏性,只截出了一部分知识点大致的介绍一下,每个小节点里面都有更细化的内容!
[外链图片转存中…(img-ZWFvmNRk-1715591903245)]
小编准备了一份Java进阶学习路线图(Xmind)以及来年金三银四必备的一份《Java面试必备指南》
[外链图片转存中…(img-s1FKBn9o-1715591903246)]