博客项目总结(浅)

---

HTML

<!--常用标签-->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<p>段落</P>
<a herf="跳转路径">超链接</a>
<img src="图片地址">图片
<div>块级无语义元素</div>

CSS

CSS是以键值对形式存在的，key表示不同的CSS属性。

CSS的书写位置
1.以元素的style属性来指定。
2.以<style>标签包裹
3.以外部文件的方式。

CSS选择器
1.标签选择器：直接写标签名，表示选中该页面所有对应名字的元素。
2.id选择器： 方式：#标签名 <p id = 2>
3.类选择器： 方式：.类名 <p class="类名"
4.子元素选择器（复合选择器）

CSS常用属性

<!-- 编辑框-->   <input type="类型">   
<!-- 字体属性-->
	front-family   字体种类
	front-size   字体大小
	front-weight 字体粗细
<!-- 文本样式-->
	<!-- 1.设置文本颜色-->
		color:#ffffff
	<!-- 2.文本对齐-->
		text-align:left/center/right;
	<!-- 3.行高(文字高度加行间距)-->
		line-height
<!-- 背景属性-->
	<!-- 1.设置背景颜色-->
		background-color:#...
	<!-- 2.设置背景图像-->
		background-image:url("图片路径")
	<!-- 3.设置平铺情况-->
		background-repeat:no-repeat
	<!-- 4.设置背景位置-->
		background-position:center/center bottom
	<!-- 5.设置背景尺寸-->
		background-size:200px/cover/contain

JavaScript

js书写位置

1.内联js：写到HTML里
2.内部js：写到HTML中的<script>标签中
3.外部js：写在一个单独的文件里

js的执行顺序和在HTML中的出现顺序密切相关，和是否是外部js/内部js无关。

DomAPI
文本对象模型。
事件：用户在浏览器上做出一些操作，就会在浏览器内部产生一些事件。
1.在HTML标签中通过不同事件名称，属性值对应一个onxxx进行捕获具体函数。
方式1：<div onclick="clickDiv()">hello</div>
方式2：<!--先获取DOM对象--> let divTag = document.querySelecor("div") dicTag.onclick=clickDiv;
方式3：先获取DOM对象`divTag.addEventListener(“click”,clickDiv)

js对象不接受继承、封装和多态，js不需要类，可以直接创建对象类行为object
创建方式：
1.直接创建：let cat = {对象 name:"名字"}
2.通过构造函数来构建：function cat(属性){...}

DOM对象的获取

1.常用方式：document.querySelector("选择器")
2.使用document,querySelectorALL("选择器")

HTTP协议

https://editor.csdn.net/md/?articleId=118634720

静态资源和动态资源

静态资源：可以理解为前端的固定页面，这里面包含HTML、CSS、JS、图片等等，不需要查数据库也不需要程序处理，直接就能够显示的页面，如果想修改内容则必须修改页面，但是访问效率相当高。
动态资源：需要程序处理或者从数据库中读数据，能够根据不同的条件在页面显示不同的数据，内容更新不需要修改页面但是访问速度不及静态页面。

模板技术(Thymeleaf)

用于实现前后端的分离
初始化Thymeleaf
1）创建engine对象（用于渲染）
2）创建resolver对象（加载html模板文件并解析）
3）指定resolver字符集，以及加载哪些文件，初始化好的engine一般放到ServletContext中，就可以使初始化的一份engine，能够被多个Servlet共享使用。（初始化的代码借助“助听器（listener）”）
4）使用Thymeleaf渲染模板，创建一个WebContext对象（数据集合）将关键数据放入WebContext中。

Servlet生命周期

1.Servlet通过调用init()方法进行初始化
2.Servlet调用service()方法来处理客户端的请求
3.Servlet通过调用destroy()方法终止
4.最后，Servlet是由JVM的垃圾回收器进行垃圾回收的