努力小贼-优快云博客

原创 SpringBoot 入门--工程创建

SpringBoot 3.1.5 需要java17① 创建Maven工程② 导入spring-boot-stater-web起步依赖③ 编写Controller④ 提供启动类为什么一个main方法就将web应用启动了?

2025-03-12 17:09:27 335

使用逻辑：或者如果你是在浏览器环境中使用Axios，你可以通过<script>这样就可以开始使用Axios来发送网络请求了。:请求方式，GET/POST....:请求路径:请求数据(POST):发送请求时携带的url参数如:...?key=val为了方便起见，Axios已经为所有支持的请求方法提供了别名在Axios中，可以通过提供不同的方法来发送不同类型的HTTP请求。：发送自定义请求，可以定义请求的方法、URL、请求头、请求体等配置。

2025-03-12 16:08:31 683

原创 SpringBoot——Maven篇

起步依赖本质上就是一个Maven坐标，整合了完成一个功能需要的所有坐标自动配置

2025-03-12 14:45:45 1148

原创 uni-app发起网络请求的三种方式

（注：ref 没有使用 import { ref } from 'vue';导入是因为下载了插件，没有下载的需常规导入）：如果设为 json，会对返回的数据进行一次 JSON.parse，非 json 不会进行 JSON.parse；：设置请求的 header，header 中不能设置 Referer；：超时时间，单位 ms（默认60000）；具体参数可查看官方文档。

2025-02-18 01:50:23 522

原创 Vue3插槽（slot）——默认插槽、具名插槽和作用域插槽

在Vue 3中，插槽被称为元素。你可以在组件的模板中使用元素来声明一个插槽；除了默认插槽，Vue 3还引入了具名插槽。你可以在元素上使用name属性来定义一个具名插槽；作用域插槽的实现方式是通过在父组件中使用元素来定义插槽，然后在子组件中使用元素，并将数据通过插槽属性进行传递。

2024-12-11 13:38:36 1504

原创 Vue3组件通信（父传子，子传父，跨组件通信）

本文主要是讲述Vue3在setup语法糖下的组件间通信。一、父传子组件通信，通过defineProps声明接收props ；二、子传父组件通信，通过 defineEmits注册一个自定义事件，而后触发emits去调用该自定义事件；三、跨组件通信（依赖注入 provide 和 inject），若使用了 provide 和 inject 来进行数据传递,则一般不需要再使用 defineProps

2024-12-08 18:55:42 4907 1

原创 Vue+Vite 组件开发的环境准备（零基础搭建）

Vue+Vite 组件开发的环境准备Node.js (官网 https://nodejs.org)是一个开源的、跨平台的 JavaScript 运行环境（本质是Chrome引擎的封装）,允许开发者使用 JavaScript 来编写服务器端代码 npm (Node Package Manager)是 Node.js 包管理器, 用来安装各种库、框架和工具

2024-11-27 12:53:49 1072

原创 Java选择结构—— if、if-else、if-else if-else和 switch

一、if 选择结构、复杂条件下的if选择结构二、if-else 选择结构、条件运算符三、多重 if-else 选择结构、嵌套if-else 选择结构四、switch 选择结构、处理输入异常

2024-11-25 12:58:17 1396

原创 Vue小项目（开发一个购物车）

我们利用所学的Vue知识开发一个如下图所示，有最基本购物车功能的简易小项目

2024-11-24 16:11:21 1236

原创 Vue基础知识—— v-model、watch、computed

一、双向数据绑定指令 v-model（实时渲染）二、数据变动侦听器 watch三、计算属性computed

2024-11-24 01:30:01 1371

原创 Vue小项目练习——制作一个简易相册（看完有手就会~）

这个练习是根据前面的Vue知识点（点击这里跳转）的基础上做的一个相册练习！！通过“上一张”“下一张”实现图片跳转，并且也可以通过按钮实现直接跳转到那一页，上面的文字也能根据图片实现自动更新。

2024-11-23 21:00:48 565

原创 Vue.js基础——贼简单易懂！！（响应式 ref 和 reactive、v-on、v-show 和 v-if、v-for、v-bind）

Vue允许开发人员创建可重用的组件，并轻松管理状态和数据绑定。Vue以其简单易用的特点而闻名，使其成为初学者和有经验的开发人员的首选。一、创建一个 Vue 应用程序二、让数据变成响应式三、事件绑定指令 v-on四、条件渲染指令 v-show 和 v-if五、遍历指令 v-for六、节点的动态属性 v-bind (单向绑定)

2024-11-22 09:55:58 2224

原创 DOM操作和事件监听综合练习——轮播图

下面制作一个如下图所示的轮播图（按Enter键可以控制轮播的开启和关闭，或者点击按钮“第几张”即可跳转到第几张）下面是其HTML和CSS代码（还没有设置轮播）：下面开始制作轮播图，制作以上轮播图可分为三个步骤：一、实现自动轮播首先获取图片标签节点然后设置一个布尔变量，定义一个函数，使用if条件语句，如果条件为true就运行代码实现轮播，修改img标签的图片路径最后使用定时函数每1秒切换一次图片（无限循环）这样自动轮播就设置好啦！！二、实现带鼠标单击切换。

2024-11-09 00:42:26 828

原创 JavaScript的对象事件处理程序

常见的对象事件包括：表单事件：当用户点击一个可交互的对象（如按钮等）时触发。键盘事件：当用户在键盘上按下或释放一个键时触发。鼠标事件：当用户在对象上移动鼠标、点击鼠标按钮或滚动鼠标滚轮时触发。定时事件：当到达指定的时间点或间隔时触发的事件，常用于定时任务和计时器功能。

2024-11-05 22:51:48 853

原创清晰易懂的JavaScript进阶部分——DOM操作（节点获取，节点属性修改，节点创建与插入，CSS样式的修改）

DOM提供了一种以文档树形式表示HTML或XML文档的方式，可以使用JavaScript来访问和修改网页的元素、属性和文本内容，且提供了一系列的函数和对象来实现增、删、改、文本节点（Text Node）：表示HTML文档中的文本内容，如文本节点内的文字、空格等。文本节点是元素节点的子节点，通过textContent属性来访问文本节点的内容。通过getElementsByTagName方法获取了一个标签为"body"的节点对象，将已经配置号的标签节点，作为子节点，插入body节点中。

2024-11-02 16:26:32 1464

原创最全的JavaScript语法基础——函数，对象，常用类Array，String，Math和Date

最全的JavaScript语法基础——函数，对象，常用类Array，String，Math和Date

2024-11-01 23:58:08 760

原创 JavaScript语法基础——变量，数据类型，运算符和程序控制语句（小白友好篇，手把手教你学会！）

一、JavaScript概述JavaScript是一种高级编程语言，常用于网页开发和服务器端应用程序。它是一种动态类型语言，可以在浏览器中直接解释执行，而不需要编译。脚本（Script）是一种与计算机程序相关的指令集或代码块，用于执行特定的任务或操作。脚本通常用于自动化重复性的任务或进行特定功能的扩展。脚本语言是一种专门用于编写脚本的编程语言，与传统的编译型语言不同，脚本语言通常不需要编译，可以直接解释执行。脚本语言具有易学易用、灵活、动态和交互式等特点。

2024-10-31 22:54:21 1012

原创 CSS网页布局综合练习（涵盖大多CSS知识点）

本篇博客讲解做出一个经典的完整的官网页面布局，适合小白来学习哦~

2024-10-30 17:07:36 726

原创逼自己看完！！CSS布局技术之——两列布局、三列布局和多行多列布局

很多网站都有些共同的特点，如页面顶部放置一个大的导航栏或广告条，右侧是链接或图片，左侧放置主要内容，页面底部放置版权信息等；一般情况下，此类页面布局的两列都有固定的宽度，而且从内容上很容易区分主要内容和侧边栏。页面布局整体分为上、中、下3个部分，即 header 区域、container 区域和 footer 区域。CSS3中提供了多列布局的支持，可以将文本内容以多列的形式进行排列。通过设置列数和间距等属性，可以控制列布局的样式。当然还有更多的方法可以做出两列布局效果，比如相对定位等等...方法多种多样！

2024-10-18 13:12:14 1049

原创盒子的浮动与清除浮动+高度塌陷

高度塌陷（也称为浮动塌陷）是指当一个父元素包含浮动元素时，父元素没有正确包裹浮动元素的高度，导致父元素的高度变成了0的情况。这会导致布局混乱，浮动元素可能会溢出父元素，影响页面的结构。将2、3、4盒子设置左浮动，生成了一个与其父盒article等宽的浮层，所以这三个盒子脱离了文档流，在浮层从左到右排列，盒子5就向上替补，盒子2就将盒子5挡住了。将一个元素设置浮动之后，会根据其父元素的宽高出现一个浮层，来放置这个元素与其设置浮动了的兄弟元素，与绝对定位不同的是设置了一个绝对定位就会出现一个浮层，而浮动是。

2024-10-16 13:37:39 744

原创盒子的固定定位和展示

将广告或重要信息悬浮在页面的固定位置，无论用户如何滚动页面，都能保持显示，增加广告或信息的曝光率。：将网站的导航栏固定在页面顶部或侧边，使用户在页面滚动时可以随时访问导航栏，提供更好的用户体验。：在长页面中添加一个返回顶部按钮，通过固定定位将其放置在页面角落，使用户可以方便地回到页面顶部。：在网页中弹出一个模态框，通过固定定位将模态框固定在页面中心，使用户注意力集中在模态框上。：将侧边栏固定在页面的一侧，使用户可以在阅读内容的同时访问其他相关链接或信息。使用了固定定位的元素会形成一个浮层！

2024-10-15 21:12:25 635

原创我悟了！原来Java要这么学...

一、变量的概念变量是计算机程序中用于存储数据的一种容器。它们可以在程序中被引用和操作，其值可以随时改变。变量通常有一个名称，并且可以存储不同类型的数据，如整数、浮点数、字符串等。在程序中，变量可以用于存储输入的值、中间计算的结果或输出的结果。为了使用变量，必须先声明变量并分配内存空间。声明变量时，需要指定变量的名称和类型。然后可以通过给变量赋值来存储数据。赋值运算符将右边的值赋给左边的变量。变量的值可以随时改变。可以使用赋值运算符来改变变量的值，也可以将变量与其他变量或常量进行运算和操作。

2024-10-13 20:28:50 744

原创盒子的绝对定位

盒子的绝对定位是指将一个元素的定位设置为绝对定位 absolute，这样它将根据其最近的已定位父元素为基准进行偏移来确定其位置。绝对定位的元素会脱离文档流并形成一个浮层，设置了绝对定位的盒子，都会有浮层，有几个绝对定位的盒子，就有几个浮层（对其后的兄弟盒子的定位没有影响，其他盒子就好像这个盒子不存在一样，原先在正常文档流中所占的空间会关闭），不会影响其他元素的布局。

2024-10-12 11:40:52 558

原创盒子的相对定位

属性来实现不同的定位方式，其参数为 static（静态定位）、 relative（相对定位）、 absolute（绝对定位）和 fixed（固定定位）；元素的位置通过 left 、top 、right 以及 bottom 属性进行规定。也就是说，在相对定位中，盒子并没有脱离文档流，它不会影响其他元素的布局，并且在正常文档流中保持其占据的空间，网页中的文档流机制的流水线排布方式还是存在。通过设置top、right、bottom、left属性，可以改变盒子的位置，但是其他元素不会受到影响。

2024-10-12 09:45:17 648

原创网页文档流的概念和缺陷

网页文档流（Document Flow）是指网页中元素（如文本、图片、链接等）按照特定的顺序在浏览器中渲染和显示的过程。文档流的概念是为了保证网页的结构和布局能够正确地呈现给用户。以上展示出来的就是网页的文档流，顾名思义就是按顺序排列。

2024-10-11 20:09:34 561

原创盒子模型的属性

每个HTML元素都可以看作是一个盒子，这个盒子包含了内容、内边距、边框和外边距四个部分。：用于设置边框的宽度，可以取值为像素（px）、百分比（%）或预定义的值（thin、medium、thick）。，分别用于设置上、右、下和左的外边距值。这些值可以取像素（px）、百分比（%）或auto（自动）的形式。这些值可以取像素（px）、百分比（%）或auto（自动）的形式。在CSS中，可以通过设置不同的CSS属性来调整盒模型的各个部分。：用于设置边框的颜色，可以取值为颜色名称、十六进制值或RGB值。

2024-10-11 13:09:46 1082

原创 CSS——表格、表单、链接和导航菜单

一、设置表格样式一、设置表格样式CSS中有许多表格属性可以用来设置表格的样式，以下是一些常用的表格属性：设置表格的边框合并规则。可以设置为collapse来合并边框，或设置为separate来分隔边框（默认值为separateborder：设置表格的边框样式、宽度和颜色。表示边框为1像素宽度、实线样式、黑色颜色。：设置表格单元格的背景色。text-align：设置表格单元格内文本的水平对齐方式。可以设置为left（默认值）、centerright。：设置表格单元格内文本的水平对齐方式。可以设置为。

2024-10-10 22:24:37 1661

2302_81399643的博客