- 博客(21)
- 收藏
- 关注
RSS订阅原创 修改头像功能
页面核心组件为 yellow - upload，用于图片上传，其下方有 “选择图片” 和 “上传图像” 两个按钮。通过以上步骤，我们成功实现了用户头像修改功能，包括头像回显、图片上传和头像修改，并在整个过程中进行了详细的代码编写和功能处理。头像修改：成功上传图片后，用户点击 “上传头像” 按钮，实现头像的最终修改，并更新服务器上的头像信息。从 pr 中获取用户头像的预览地址，并将其赋值给 IMGULL，使其能正确回显用户头像。头像回显：当用户进入修改头像页面时，应立即显示当前已设置的头像。
2025-05-11 14:40:28
371
原创 Thymeleaf 公共页面抽取
在 Web 项目中，通常会存在一些公共页面片段（重复代码），例如头部导航栏、侧边菜单栏和公共的 js css 等。我们一般会把这些公共页面片段抽取出来，存放在一个独立的页面中，然后再由其他页面根据需要进行引用，这样可以消除代码重复，使页面更加简洁。
2025-04-20 08:22:37
366
原创 Themeleaf复用功能
-- 定义一个简单的头部片段 --><h1>网站头部</h1></div>-- 定义一个带参数的侧边栏片段 --><h2 th:text="${title}">默认侧边栏标题</h2><ul><li>菜单项 1</li><li>菜单项 2</li></ul></div>
2025-04-13 08:08:45
472
原创 thymeleaf的基本语法
在对应的国际化属性文件中，定义如 header.address.city=城市名称 、header.address.country=国家名称 ，就可以根据不同的语言环境显示相应文字。根据表达式结果决定元素是否渲染，当表达式为 true 时，元素会显示在最终生成的页面中；用 #{} 从外部 .properties 文件获取区域文字信息，使用 Key 索引 Value，还可提供一组可选参数。相反，当表达式为 false 时，元素渲染显示；定义链接：可以指定绝对路径或相对路径，还能方便地处理 URL 参数。
2025-04-06 10:58:25
845
原创 js高级的学习
● 定义与作用：可以将执行上下文看作是代码执行的 “环境”，它记录了代码运行时的各种状态信息，提供了代码执行的环境（包括变量、函数的声明和访问），维护代码执行的状态（如变量的值、作用域链等），并确保代码按照预期的顺序和方式执行。通过将方法和属性定义在函数的原型对象上，所有由该函数创建的实例都可以访问这些共享的成员，避免了在每个实例中重复创建相同的方法和属性，从而节省了内存空间，提高了代码的可维护性和复用性。第二次调用f()，a在3的基础上又自增为4 ，变量a的值会根据fn2的操作持续变化，且不会被释放。
2025-03-30 10:00:00
1632
原创 Es6进阶
当属性值是对象时，源对象中的对象会直接覆盖目标对象中同名的对象属性（实际上是复制引用），后续对这个对象属性内部属性的修改，会同时影响到目标对象和源对象中该属性指向的对象。● 利用 ES6 的类和继承：ES6 引入了类的概念，通过继承可以创建一个新类，该类不仅拥有自己定义的方法，还能继承父类的方法，也可以重写父类方法或添加新方法来扩展功能。● 目标对象与源对象有同名属性：当使用 Object.assign() 合并对象时，如果目标对象和源对象存在相同的属性名，源对象的属性值会覆盖目标对象的属性值。
2025-03-23 11:34:42
993
原创 es6初步学习
没有自身的this绑定：箭头函数没有自己独立的this值，它的this是继承自外层作用域。在构造函数的机制中，this需要指向新创建的对象来添加属性，但箭头函数无法满足这一点，它的this指向是固定的，不会因为new调用而改变。不能使用arguments变量，如果在箭头函数中使用 arguments，它会引外层函数的 arguments。ES6 允许在大括号里，直接写入变量和函数，作为对象的属性和方法，书写更简洁箭头函数。箭头函数不适合与this有关的回调，事件回调，对象的方法。允许给函数参数赋值初始值。
2025-03-16 11:40:14
550
原创 第二学期第二周
比如说，我们想为我们的 runoob 项目发布一个 “1.0” 版本，我们可以用 git tag -a v1.0 命令给最新一次提交打上（HEAD） “v1.0” 的标签。-a 选项意为"创建一个带注解的标签"，不用 -a 选项也可以执行的，但它不会记录这标签是啥时候打的，谁打的，也不会让你添加个标签的注解，我们推荐一直创建带注解的标签。附注标签存储了创建者的名字、电子邮件、日期，并且可以包含标签信息。命令时，Git 会打开你的编辑器，让你写一句标签注解，就像你给提交写注解一样。或者如果在新的分支上工作。
2025-03-02 11:34:48
735
原创 第二学期第一周
页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。实例：在元素上移动鼠标。选取单选按钮点击元素jQuery 事件方法语法在 jQuery 中，大多数 DOM 事件都有一个等效的 jQuery 方法。页面中指定一个点击事件：下一步是定义了点击后触发事件。您可以通过一个事件函数实现：// 动作触发后执行的代码!!});
2025-02-23 11:30:44
864
原创 第十周学习笔记
● 直接调用函数，其实相当于是window.函数，所以this指代window。不光可以监听整个页面资源加载完毕，也可以针对某个资源绑定load’事件。加载外部资源（如图片，外联css和js等）加载完毕时触发的事件。函数内部特殊的变量this，代表当前函数运行时所处的环境。只能得到当前的时间戳，前面两种可以返回指定时间的时间戳。触发时间时，会经过两个阶段，分别是捕获阶段和冒泡阶段。作用：弄清楚this的指向，让代码更简洁。可以返回当前时间或指定时间的时间戳。把创建的新的节点放入到指定元素内部。
2024-12-13 21:22:14
725
原创 第八周学习笔记
那么transformZ的值越接近200，就是离的越近，看上去也就越大，超过200就看不到了，因为相当于跑到后脑勺去了，你不可能看到自己的后脑勺。align-self属性允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性，默认值为auto，表示继承父元素的align-items属性，如果没有父元素，则等同于strentch。设置子项在侧轴上的排列方式，并且只能用于子项的出现，换行的情况，在单行下无效果。该属性是控制子项在侧轴上的排列方式，在子项为单向的时候使用。
2024-12-01 11:09:04
621
原创 第七周网页制作的笔记
1. 如果指定的两个值都是方位名词，则两个值前后顺序无关，比如left top和top left效果一致。有很多的布局效果，标准流没有办法完成，此时就可以利用浮动完成布局，因为浮动可以改变元素标签默认的排列方式。概念：float属性用于创建浮动框，将其移动到一边，直到左边缘或右边缘触及包含快或另一个浮动框的边缘。继承的权重是0，该元素没有直接选中，不管父元素权重多高，子元素得到的权重都是0。设置背景颜色，背景图片，背景平铺，背景图片位置，背景图像固定等。background-color：颜色值；
2024-11-24 11:12:11
1618
原创 第六周网页制作笔记
主要使用场景：美化网页，布局页面的HTML的局限性html只关注内容的语义CSS网页的美容师css是层叠样式表的简称，又称css样式表css也是一种标记语言css主要设置html页面内的文本内容（字体，大小，对齐方式等），图片的外形以及版面的布局和外观显示样式。
2024-11-17 11:16:54
968
原创 第五周java学习笔记
用一个对象，把基本数据类型给包起来了类后面声明时称为泛型类使用场景：当一个类中，某个变量的数据类型不确定时，就可以定义带有泛型的类创建泛型类对象必须规定类型格式：修饰符 class 类名<类型>{}//此处的E可以理解为变量，但是不是用来记录数据的，而是记录数据的类型，可以写成:T,E,K,V例子：//创建了一个object数组，这个数组将存储添加到的元素int size;//表示当前列表中实际存储的元素个数//E:表示是不确定的类型，该类型在类名后面已经定义过了e：形参的名字，变量名。
2024-11-09 15:23:13
1940
原创 第四周的java学习笔记
calendar代表了系统当前时间的日历对象，可以单独修改，获取时间中的年月日细节：calendar是一个抽象类，不能直接创建对象calendar常用方法。
2024-11-03 10:20:08
611
原创 第三周java学习笔记
类：是对象共同特征的描述对象：是真实存在的具体东西在Java中，必须先设计类，才能获得对象格式：public class类名{1，成员变量（代表属性，一般是名词）2，成员方法（代表行为，一般为动词）3，构造器4，代码块5，内部类构造方法也叫作构造器，构造函数Java.lang.String类代表字符串，java程序中的所有字符串文字（例如“abc”）都为此类对象[注意点：字符串的内容是不会发生改变的，他的对象在创建后不能更改]创建String对象的两种方式1.直接赋值。
2024-10-27 11:38:46
1583
原创 第二周Java学习笔记
1，求和的变量不能定义在循环的里面，因为变量只在所属的大括号中有效2，如果将变量定义在循环的里面，那么变量只能在本次循环中有效，本次循环结束后，变量就会消失数组指的是一种容器，可以来存储同种类型数据类型的多个值范例：int []array格式二：数据类型 数组名【】范例: int array[]方法是程序中最小的执行单元把一些代码打包在一起public static void 方法名）（）{方法体（就是打包起来的代码）；方法名（）；方法必须先定义后调用。
2024-10-20 11:41:10
941
原创 第一周Java学习笔记
case穿透：1.break（结束整个switch语句）不可省略，否则会出现case穿透，就是程序会一直执行，直到遇到break或大括号为止 （当前几项相同时，可以应用）2，反码计算规则：正数的反码不变，负数的反码在原来的及基础上，符号位（最前面的数字，1为负，0为正）不变，数值取反。boolean：占1位，有true和false2个值，一个表示真，一个表示假，一般用于表示逻辑运算。float：4个字节，单精度，声明一个小数类型，要加F或者f，建议加F。2.分类：整数，小数，字符串，字符，布尔，空。
2024-10-13 11:23:30
576
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人