- 博客(59)
- 收藏
- 关注
原创 完整的 SSL 证书生成与 Spring Boot 配置流程
创建 PKCS12 格式的密钥库文件(),供 Spring Boot 使用。集成到项目中,启用 HTTPS。
2025-04-29 17:38:58
1061
原创 【JavaScript】`Object` 对象静态方法详解
对象提供了许多静态方法,用于操作和处理对象。这些方法覆盖了对象操作的大部分场景,建议根据需求选择合适的工具!密封对象,阻止添加/删除属性,但允许修改现有属性。阻止对象添加新属性,但允许修改或删除现有属性。返回对象自身的所有 Symbol 类型属性键。设置对象的原型(不推荐在性能敏感场景使用)。冻结对象,使其不可修改、添加或删除属性。以指定原型创建新对象,并可定义属性。检查对象自身是否包含某个属性(替代。合并多个对象到目标对象(浅拷贝)。返回对象某个属性的描述符(如。定义或修改对象的属性特性(如。
2025-04-24 15:53:02
455
原创 pinia和vuex进行数据持久化的方法(附源码)
可以通过插件 轻松实现。以下是具体步骤和配置方法:2. 注册插件到 Pinia在 中初始化 Pinia 并注册持久化插件:3. 配置 Store 的持久化在定义 Store 时,通过 选项启用持久化功能。以下是两种常见写法:组合式 API 写法4. 自定义持久化配置插件支持灵活的配置选项,例如指定存储方式、持久化部分数据、修改存储键名等:5. 验证持久化效果检查浏览器存储:打开开发者工具,进入 Application > Storage > Local Storage(
2025-04-22 14:01:46
832
原创 使用 Vue Router 和 Vite 构建的自动路由生成系统
这段代码是一个使用 Vue Router 和 Vite 构建的自动路由生成系统。它的主要作用是自动扫描views目录下的所有 Vue 组件文件,并为它们创建相应的路由配置,无需手动为每个页面定义路由。
2025-04-21 18:16:58
488
原创 【Quarkus】通过Quarkus集成后端服务示例
REST资源接口:定义REST接口的契约。REST资源实现类:实现REST接口的具体逻辑,并通过CDI注入服务接口。服务接口:定义业务逻辑的契约。服务实现类:实现具体的业务逻辑。通过这种方式,代码结构更加清晰,便于扩展和维护。你可以在此基础上进一步扩展功能,例如添加数据库支持、日志记录等。
2025-03-14 19:04:11
454
原创 【Android】‘adb shell input text‘ 模拟器输入文本工具使用教程
是一个非常有用的命令,可以帮助你在 Android 设备上自动化输入文本和其他输入事件。通过结合其他input命令,你可以实现复杂的自动化操作,如自动化测试、远程控制等。
2025-03-12 10:36:37
1605
原创 【Android】adb shell基本使用教程
adb shell是 Android Debug Bridge (ADB) 工具中的一个命令,用于在连接的 Android 设备或模拟器上执行 shell 命令。通过adb shell,你可以直接与设备的 Linux 内核交互,执行各种操作。
2025-03-12 10:31:44
1379
1
原创 【HTML】SVG标签的使用方式
SVG 是一种强大的矢量图形格式,适用于图标、图表、动画等场景。通过掌握基本形状、路径、渐变、动画等特性,可以创建出丰富的图形效果。结合 CSS 和 JavaScript,SVG 的功能更加强大。
2025-02-26 13:48:49
1722
原创 【java】java 版本管理工具合集
SDKMAN!:支持多种 SDK,不仅限于 Java,功能强大且易于使用。Jabba:专注于 Java 版本管理,轻量级且易于使用。jEnv:类似于 pyenv 和 rbenv,专注于管理和切换 Java 版本。选择哪个工具取决于你的需求和偏好。这些工具都能帮助你简化 Java 版本的管理,使得在不同项目之间切换 Java 版本变得更加容易。
2025-01-23 11:40:58
785
原创 【Vue】使用 Pinia 进行状态管理
下面将展示如何在 Vue 3 项目中使用 Pinia 进行状态管理。这个示例包括多个 store,使用 getters 和 actions,以及在组件中使用这些 store。
2025-01-16 14:28:48
405
原创 【Vue】使用Vuex进行跨组件的状态管理
以上就是在 Vue 3 项目中使用 Vuex 进行状态管理的详细教程。通过这些步骤,你可以在 Vue.js 应用中使用 Vuex 来管理状态,并利用组合式 API 提供的灵活性和可组合性。在你的 Vue 应用中,你需要将创建的 Store 实例传递给 Vue 应用。首先,在你的 Vue 3 项目中安装 Vuex。函数来创建 Vuex Store。同样,你可以在组合式 API 中使用。在 Vue 3 中,你可以使用。你可以在组合式 API 中通过。你可以在组合式 API 中通过。文件夹,并在其中创建一个。
2025-01-08 17:23:47
232
原创 【Vue】如何在 Vue 3 中使用组合式 API 与 Vuex 进行状态管理的详细教程
如何在 Vue 3 中使用组合式 API 与 Vuex 进行状态管理的详细教程。
2024-12-27 11:13:42
605
原创 【Vue】在 Vue 中,`v-for` 和 `v-if` 同时使用时会有一些潜在的问题和不推荐的原因。
使用计算属性或方法来预先处理数据,然后在模板中使用v-for进行迭代,是一种更好的实践。这不仅可以提升性能,还能提高代码的可读性和可维护性。
2024-11-28 17:39:25
352
原创 【Vue3】vue3有哪些方法和工具可以将参数变为响应式或处理响应式数据
在 Vue 3 中,有多种方法和工具可以将参数变为响应式或处理响应式数据。使用 toRef 和 toRefs 的场景。
2024-11-26 14:58:59
1256
原创 【java】三元表达式
在Java中,三元表达式(也称为三元运算符)是一种简洁的条件运算符,用来替代简单的if-else语句。其中,condition是一个布尔表达式。如果condition为true,则整个三元表达式的值为;否则,值为。
2024-11-04 13:43:41
1336
原创 【Vue】在 Vue 组件的 methods 中,箭头函数和不带箭头函数中的this的区别
通常是组件定义环境的上下文(即创建 Vue 实例之前的环境),而不是 Vue 实例本身。这意味着在 Vue 组件的。取决于定义时的上下文,而不是 Vue 实例。使用普通函数可以确保。指向 Vue 实例,并正确访问组件的数据和方法。是在定义它的地方捕获的,而不是在调用它的地方。中定义一个箭头函数时,这个箭头函数的。中,避免使用箭头函数,因为它们的。箭头函数在定义时就绑定了它的。通常不会指向 Vue 实例。,而不是 Vue 实例。正确指向 Vue 实例。当你在 Vue 组件的。
2024-11-04 10:36:45
392
原创 【TypeScript】ts性对于js新增的特性说明
TypeScript 是 JavaScript 的超集,增加了一些 JavaScript 中没有的特性,主要是为了提高代码的可维护性和开发效率。
2024-10-31 15:36:08
910
原创 【TS】TypeScript 类型定义之联合类型(union types)和交叉类型(intersection types)
这种写法在 TypeScript 中非常有用,它允许你定义复杂的对象类型,确保对象必须包含某些基础属性,同时根据某个属性的值(如type)来包含不同的附加属性。这种类型定义方式可以提高代码的类型安全性和可读性。
2024-10-30 18:30:52
678
原创 Vue.js 项目中 index.html 和 main.js 的关联机制
index.html和main.js的关联是通过构建工具在打包过程中自动完成的,而不是直接在代码中显式关联。通过在main.js中调用,Vue 应用会找到index.html文件中 ID 为app的元素,并将 Vue 应用实例挂载到该元素上。
2024-10-18 15:49:18
964
原创 【Vue】项目部署本地部署和服务器部署
本地部署 Vue 项目的dist目录,可以选择使用简单的 HTTP 服务器(如或serve)、Nginx 或 Docker。每种方法都有其优点和适用场景,具体选择取决于你的需求和环境。将 Vue 项目部署到生产环境中,最常见的方法是将打包好的dist目录上传到一个 web 服务器上。可以选择使用 Nginx、Apache、GitHub Pages、Vercel、Netlify 或 Docker 等多种方式进行部署。具体选择取决于你的项目需求和个人偏好。
2024-10-17 16:02:13
1829
原创 【Vue】Vue 3 中的 ref 函数与 React 中的 useState 钩子的对比
虽然 Vue 3 的ref和 React 的useState都用于管理组件状态,但它们的实现方式和使用场景有所不同。Vue 3 的ref更加灵活,可以处理各种类型的数据,而 React 的useState更加简洁,适合处理简单的状态管理需求。两者各有优劣,具体选择取决于开发者的需求和偏好。
2024-10-17 15:47:23
826
原创 【JS】Node.js读取execle表格中的数据
变量替换为实际的Excel文件路径。此代码将读取Excel文件,并将第一个工作表的数据转换为JSON格式,然后打印出来。然后,你可以编写JavaScript代码来读取.xlsx文件。在Node.js中读取.xlsx格式的Excel文件,可以使用。这个库非常流行且易于使用。下面是一个基本示例,展示如何使用。如果你需要处理多个工作表或进行更复杂的数据操作,库提供了许多实用的函数和选项,你可以查阅。库读取.xlsx文件中的数据。
2024-10-17 15:09:12
582
原创 【JS】node.js 使用process.argv获取和处理命令行参数
是一个强大的工具,用于在 Node.js 中获取和处理命令行参数。通过可以获取实际传递的参数,并可以手动解析或使用第三方库如minimist和yargs来简化参数的处理。根据你的需求选择合适的方法来处理命令行参数。
2024-10-11 14:39:54
976
1
原创 【JS】node.js之axios发起HTTP网络请求的使用教程
Axios 是一个基于 Promise 的 HTTP 库,可以用于浏览器和 Node.js 中发送 HTTP 请求。
2024-10-09 09:07:54
961
原创 【JS】path的使用说明
path模块在处理文件路径时非常有用,特别是在 Node.js 环境下。通过上述方法,你可以方便地获取路径信息、连接路径、解析绝对路径以及进行路径规范化等操作。
2024-09-20 18:23:58
706
原创 【SpringBoot】调度和执行定时任务--DelayQueue (附demo)
DelayedDelayQueue是 Java 中包的一部分,它是一个无界阻塞队列,其中的元素只能在其到期时才能被取出。DelayQueue是一个泛型类,要求队列中的元素实现Delayed接口。
2024-09-14 21:59:27
647
原创 【SpringBoot】调度和执行定时任务--Spring Task(超详细)
使用@Scheduled注解定义定时任务。@Scheduled注解可以放在任何 Spring 管理的 bean 的方法上。fixedRate: 固定速率执行任务。fixedDelay: 固定延迟执行任务。cron: 使用 Cron 表达式执行任务。
2024-09-14 21:57:04
969
原创 【SpringBoot】调度和执行定时任务--Quartz(超详细)
}} }Job;import org} }import org} }@Overridetry {// 模拟长时间运行的任务 Thread . sleep(5000);} }try {// 模拟长时间运行的任务 Thread . sleep(5000);} }Job;import orgtry {// 模拟长时间运行的任务 Thread . sleep(5000);
2024-09-14 18:17:39
3242
原创 【SpringBoot】RestController和Controller的区别,附带示例代码
在Spring框架中,和注解用于定义控制器类,但它们有不同的用途和行为。注解用于标识一个类作为Spring MVC控制器。通常用于返回视图(如JSP、Thymeleaf等)而不是直接返回数据。在这个示例中,/hello请求会被映射到hello.jsp或hello.html视图,message属性会被添加到模型中供视图使用。是和的组合注解。它用于创建RESTful Web服务,直接返回数据而不是视图。在这个示例中,/api/hello请求会直接返回字符串作为HTTP响应体。
2024-09-13 14:53:09
451
原创 【React 简化路由的生成的方式
自动扫描和注册路由可以通过多种方法实现,包括使用 Webpack 动态导入、React.lazy 和 Suspense 以及第三方库。选择适合你项目的方法,可以大大简化路由配置的工作量。
2024-09-02 17:39:47
769
原创 【Android】repositories和sourceSets指定了 `libs` 目录的区别
用于指定本地目录中的 JAR 或 AAR 文件,使其可以作为项目的依赖项。:用于指定本地目录中的 JNI 库文件(.so文件),使其可以包含到最终的 APK 中。这两者虽然都指定了libs目录,但它们处理的资源类型不同,一个是库文件(JAR/AAR),另一个是本地库(.so文件)。
2024-08-30 15:48:31
773
原创 在 Vue.js 项目中使用 Bootstrap
以上三种方法都可以在 Vue 项目中使用 Bootstrap,根据你的需求选择最适合的方法。直接引入 Bootstrap CSS 文件适合简单的项目,使用 BootstrapVue 库可以更方便地使用 Bootstrap 组件,而使用 Bootstrap 模板或主题可以快速应用特定的设计风格。
2024-08-20 18:28:02
1543
原创 React.js如何使用Bootstrap
以上三种方法都可以在 React 项目中使用 Bootstrap,根据你的需求选择最适合的方法。直接引入 Bootstrap CSS 文件适合简单的项目,使用 React Bootstrap 库可以更方便地使用 Bootstrap 组件,而使用 Bootstrap 模板或主题可以快速应用特定的设计风格。
2024-08-20 18:25:52
1317
原创 【SpringBoot】使用Spring Boot、MyBatis-Plus和MySQL来实现增删改查操作,并添加自定义SQL查询。
使用Spring Boot、MyBatis-Plus和MySQL来实现增删改查操作,并添加自定义SQL查询。
2024-08-16 17:26:32
767
原创 【java】使用Java 字节码操作库(Javassist)修改已有的 Java 类或者生成新的类示例
Javassist 是一个强大的字节码操作库,提供了简洁的 API 来创建和修改 Java 类。通过上述示例代码,可以看到如何使用 Javassist 创建新类、修改已有类、动态加载类以及生成代理类。更多高级功能和详细文档可以参考Javassist 官方文档。
2024-08-15 18:26:13
1012
原创 【EventBus】Android EventBus使用和解析
创建一个事件类,用于传递数据。首先,@Subscribe注解本身的定义非常简单,它只是一个标记,用于标识订阅事件的方法。通过上述步骤,EventBus实现了从注册订阅者、查找订阅方法、保存订阅信息到发布事件和调用订阅方法的完整过程。@Subscribe注解的作用就是标识哪些方法是订阅方法,而事件总线库则负责处理这些方法的注册和调用。
2024-08-13 17:44:01
838
原创 使用nvm切换node.js的版本
首先需要安装nvm。nvm是一个命令行工具,可以在不同的Node.js版本之间进行切换,并且可以在同一台计算机上同时安装多个Node.js版本。在安装多个Node.js版本后,可以使用nvm命令来切换Node.js版本。安装nvm后,可以在命令行终端中使用nvm命令来安装Node.js版本。使用nvm管理Node.js版本时,可以在同一台计算机上安装多个Node.js版本,并且可以在不同的项目中使用不同的Node.js版本。其中,是要安装的Node.js版本号,例如"14.17.3"。
2024-07-31 16:19:48
290
原创 解决“zsh: command not found: nvm“错误
zsh: command not found: nvm如果输出空字符串,则表示没有安装nvm。可以按照nvm的安装指南(https://github.com/nvm-sh/nvm#installing-and-updating)来安装nvm。如果在使用zsh时出现“zsh: command not found: nvm”的错误,可能是因为zsh没有正确加载nvm。然后再次尝试使用nvm命令,看是否能够正常使用。然后再次尝试使用nvm命令,看是否能够正常使用。
2024-07-31 15:14:52
5679
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人