前端学习的第105天-CSDN博客

本文链接：https://blog.csdn.net/2202_75675550/article/details/131033161

转眼已经学习前端超过了100天，但在经历过长达13天的项目重新更改后，却只能对自己说“没眼看”。在经历了thymeleaf的再复习和每天的磨洋工，每天晚上在思考自己今天完成了什么，感觉到很累，但实际上可能也就完成了一小部分。我真真实实的感受到自己的效率太低，但任何发现问题都不晚，提升效率和学习巩固知识成为了我的重要问题。

提升自己在任何时候都不晚，人要想长久发展，必须想办法不断提升自己，这种无形的财富，是花钱买不到的。沉下心来，用力吸取

关于thymeleaf中th:fragment的使用

//将其html的文件名命名为Nav.html
<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
//需要添加的公共区域
</head>
<body>
<div class= th:fragment="nav">
公共区域
</div>
</body>

引入公共区域

//在原代码的基础上添加
<div th:insert="~{Nav::nav}"></div>
//代替原代码的子元素
<div th:replace="~{Nav::nav}"></div>
// 读取加载节点的内容（不含节点名称），替换div内容
<div th:include="~{Nav::nav}"></div>

使用form表单提交内容

<form class="readerWrite" th:action="@{/submit}" method="POST" enctype="application/x-www-form-urlencoded">
    <h2>发推文</h2>
    <input type="text"  name="username">
    <input type="text" name="bodyText">
    <div class="writeBtn">
        <button onsubmit="return false">取消</button>
        <input type="submit" value="提交">
    </div>
</form>

在本周的学习中，我深刻的了解到自己的不足，希望在往后的学习中可以增加自己的工作效率，不断地提升自己，在接下来的学习中我将要从以下几点要求自己：

1.巩固自己的基础知识，使自己在未来的面试中能够拔得头筹；

2.不断向规范要求自己，无论是元素的命名还是git提交文件的命名，对自己的规范要求是非常有必要的，就像学长学姐说的，这是一直在强调的，也应该是我们最基本的要求。

3.复习遗忘的JS高级部分和ES6，这个部分已经好久没碰过了，在接下来的时间中不断巩固基础知识，学习新的前端方法，将自己的所学付之到页面和代码上才是我们学习知识的初衷。

前端学习的第105天