- 博客(69)
- 收藏
- 关注
RSS订阅原创 【Vue】 keep-alive缓存组件实战指南
Vue的keep-alive组件用于缓存非活跃组件实例以优化性能。主要功能包括组件缓存、状态保留和特有生命周期钩子（activated/deactivated）。通过include/exclude属性可控制缓存范围，max属性限制最大缓存数。与路由结合使用时需注意组件命名要求，并可通过v-if或key值动态控制缓存。典型应用场景包括标签页切换、表单状态保存等。使用时需权衡内存消耗，建议设置合理缓存策略，在deactivated钩子中释放资源。合理使用keep-alive可显著提升需要保持状态的组件性能。
2025-06-24 20:12:14
349
原创 【webSocket】WebSocket全双工通信实战指南
本文提供了WebSocket安全协议(WSS)的完整教程，涵盖基础概念到实际应用。内容分为客户端与服务端实现，重点讲解WSS的加密连接配置、心跳检测和断线重连机制，并给出实时聊天应用示例。教程还包含性能优化技巧、常见问题解决方案和最佳实践建议，如必须使用WSS协议、实现心跳机制等。最后简要提及WebSocket子协议、扩展协议等进阶主题，为开发者提供全面的WebSocket开发指导。
2025-06-22 17:42:54
310
原创 【IndexDB】前端IndexedDB终极指南
IndexedDB是浏览器内置的NoSQL数据库，适合存储大量结构化数据。教程介绍了核心概念：数据库、对象存储、索引、事务和游标。通过代码示例展示了数据库操作全流程：创建数据库（包含版本管理和对象存储初始化）、增删改查数据（含主键/索引查询）、游标遍历等高级功能。重点包括：使用indexedDB.open()创建/升级数据库，事务中执行操作，以及通过IDBKeyRange实现范围查询。相比localStorage，IndexedDB支持更复杂的数据操作和高效查询，适合Web应用离线数据存储场景。
2025-06-22 16:34:29
464
原创 【CSS】CSS3媒体查询全攻略
媒体查询是CSS3的重要功能，允许内容根据设备特性自适应调整。教程介绍了其基本语法、常用媒体类型(screen/print等)和特性(width/resolution等)，提供了常见断点示例和逻辑运算符(and/or/not)用法。内容包括移动优先设计策略、实际应用代码示例，以及在HTML中链接媒体查询的方法。最后建议开发者基于内容设置断点、使用相对单位并测试多种设备，以实现良好的响应式设计效果。
2025-06-22 15:29:17
575
原创 【React】React CSS 样式设置全攻略
根据项目规模和团队偏好选择合适的方式，中小型项目推荐 CSS Modules + 少量内联样式，大型项目可考虑 CSS-in-JS 方案。→ 考虑使用 CSS 变量或 ThemeProvider (CSS-in-JS)→ 避免用内联样式（使用 CSS/CSS-in-JS）→ 使用 CSS Modules 自动生成唯一类名。通过 JavaScript 直接编写 CSS。直接在 JSX 元素中使用。→ 为根元素添加命名空间。结合状态管理和样式设置。
2025-06-20 18:05:54
473
原创 最强Homebrew命令指南：效率翻倍必学技巧
Homebrew 使用指南摘要 Homebrew 是 macOS/Linux 的包管理工具，支持终端工具和图形应用管理。核心功能包括： 安装：brew install（终端工具）或 --cask（图形应用） 维护：brew update获取列表，brew upgrade升级软件，brew cleanup清理旧版 高级操作：brew doctor诊断问题，brew deps查看依赖，brew tap添加第三方仓库 国内优化：替换中科大等镜像源加速下载 常用场景：锁定版本（pin）、搜索软件（search）、查
2025-06-19 17:29:40
346
原创 Ollama本地大模型部署全指南
Ollama本地大模型部署教程：1）下载安装对应系统版本；2）通过ollama pull命令获取模型（如llama3）；3）使用ollama run启动交互对话；4）支持API服务和局域网共享。提供GPU加速、内存优化方案及推荐模型列表，7B/8B模型适合普通设备运行。所有模型默认存储在用户目录下，可通过参数调整生成效果。
2025-06-18 01:50:21
609
原创 【Vue】Vue2与Vue3的axios封装全攻略
本文对比了Vue 2和Vue 3中封装Axios并全局挂载为$api的完整实现方案。Vue 2采用在原型上挂载的方式，包含请求/响应拦截器、接口统一管理和组件调用示例。Vue 3使用全局属性配置，新增类型声明支持TypeScript，同样提供完整的拦截器和API调用示例。两种方案都实现了axios的封装、错误处理和统一API管理，Vue 3版本更强调类型安全。通过$api全局调用方式，简化了组件中的HTTP请求代码。
2025-06-18 01:41:14
653
原创 【SpringBoot】Spring Boot实现SSE实时推送实战
本文介绍了基于Spring Boot实现Server-Sent Events (SSE)的完整方法，包含服务端和客户端实现。服务端通过SseEmitter推送每秒更新的消息，并提供了可选跨域配置；客户端使用EventSource接收实时消息。文章还展示了扩展功能：动态推送消息（维护SseEmitter映射）和WebFlux响应式实现（使用Flux推送流式数据）。该方案适用于需要服务器主动推送实时数据的应用场景，如即时通知、实时监控等。
2025-06-17 23:38:55
1002
原创 【Vue】Vue2/3全局属性配置全攻略
本文对比了Vue2与Vue3全局属性/方法的配置方式。在Vue2中，通过Vue.prototype挂载属性和方法，组件通过this.$访问；Vue3则使用app.config.globalProperties配置。两种版本都支持TypeScript类型声明和插件化封装，但Vue3对组合式API提供了getCurrentInstance()访问方式。关键差异包括挂载位置、类型声明文件和API访问方式等。文章还提供了命名规范、响应性处理等注意事项，建议简单工具使用全局属性，复杂逻辑采用Composable或Mi
2025-06-17 23:36:23
557
原创 完整的 SSL 证书生成与 Spring Boot 配置流程
创建 PKCS12 格式的密钥库文件（），供 Spring Boot 使用。集成到项目中，启用 HTTPS。
2025-04-29 17:38:58
1146
原创 【JavaScript】`Object` 对象静态方法详解
对象提供了许多静态方法，用于操作和处理对象。这些方法覆盖了对象操作的大部分场景，建议根据需求选择合适的工具！密封对象，阻止添加/删除属性，但允许修改现有属性。阻止对象添加新属性，但允许修改或删除现有属性。返回对象自身的所有 Symbol 类型属性键。设置对象的原型（不推荐在性能敏感场景使用）。冻结对象，使其不可修改、添加或删除属性。以指定原型创建新对象，并可定义属性。检查对象自身是否包含某个属性（替代。合并多个对象到目标对象（浅拷贝）。返回对象某个属性的描述符（如。定义或修改对象的属性特性（如。
2025-04-24 15:53:02
472
原创 pinia和vuex进行数据持久化的方法（附源码）
可以通过插件 轻松实现。以下是具体步骤和配置方法：2. 注册插件到 Pinia在 中初始化 Pinia 并注册持久化插件：3. 配置 Store 的持久化在定义 Store 时，通过 选项启用持久化功能。以下是两种常见写法：组合式 API 写法4. 自定义持久化配置插件支持灵活的配置选项，例如指定存储方式、持久化部分数据、修改存储键名等：5. 验证持久化效果检查浏览器存储：打开开发者工具，进入 Application > Storage > Local Storage（
2025-04-22 14:01:46
944
原创 使用 Vue Router 和 Vite 构建的自动路由生成系统
这段代码是一个使用 Vue Router 和 Vite 构建的自动路由生成系统。它的主要作用是自动扫描views目录下的所有 Vue 组件文件，并为它们创建相应的路由配置，无需手动为每个页面定义路由。
2025-04-21 18:16:58
504
原创 【Quarkus】通过Quarkus集成后端服务示例
REST资源接口：定义REST接口的契约。REST资源实现类：实现REST接口的具体逻辑，并通过CDI注入服务接口。服务接口：定义业务逻辑的契约。服务实现类：实现具体的业务逻辑。通过这种方式，代码结构更加清晰，便于扩展和维护。你可以在此基础上进一步扩展功能，例如添加数据库支持、日志记录等。
2025-03-14 19:04:11
496
原创 【Android】‘adb shell input text‘ 模拟器输入文本工具使用教程
是一个非常有用的命令，可以帮助你在 Android 设备上自动化输入文本和其他输入事件。通过结合其他input命令，你可以实现复杂的自动化操作，如自动化测试、远程控制等。
2025-03-12 10:36:37
1958
原创 【Android】adb shell基本使用教程
adb shell是 Android Debug Bridge (ADB) 工具中的一个命令，用于在连接的 Android 设备或模拟器上执行 shell 命令。通过adb shell，你可以直接与设备的 Linux 内核交互，执行各种操作。
2025-03-12 10:31:44
1693
1
原创 【HTML】SVG标签的使用方式
SVG 是一种强大的矢量图形格式，适用于图标、图表、动画等场景。通过掌握基本形状、路径、渐变、动画等特性，可以创建出丰富的图形效果。结合 CSS 和 JavaScript，SVG 的功能更加强大。
2025-02-26 13:48:49
1880
原创 【java】java 版本管理工具合集
SDKMAN!：支持多种 SDK，不仅限于 Java，功能强大且易于使用。Jabba：专注于 Java 版本管理，轻量级且易于使用。jEnv：类似于 pyenv 和 rbenv，专注于管理和切换 Java 版本。选择哪个工具取决于你的需求和偏好。这些工具都能帮助你简化 Java 版本的管理，使得在不同项目之间切换 Java 版本变得更加容易。
2025-01-23 11:40:58
1005
原创 【Vue】使用 Pinia 进行状态管理
下面将展示如何在 Vue 3 项目中使用 Pinia 进行状态管理。这个示例包括多个 store，使用 getters 和 actions，以及在组件中使用这些 store。
2025-01-16 14:28:48
430
原创 【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
251
原创 【Vue】如何在 Vue 3 中使用组合式 API 与 Vuex 进行状态管理的详细教程
如何在 Vue 3 中使用组合式 API 与 Vuex 进行状态管理的详细教程。
2024-12-27 11:13:42
667
原创 【Vue】在 Vue 中，`v-for` 和 `v-if` 同时使用时会有一些潜在的问题和不推荐的原因。
使用计算属性或方法来预先处理数据，然后在模板中使用v-for进行迭代，是一种更好的实践。这不仅可以提升性能，还能提高代码的可读性和可维护性。
2024-11-28 17:39:25
371
原创 【Vue3】vue3有哪些方法和工具可以将参数变为响应式或处理响应式数据
在 Vue 3 中，有多种方法和工具可以将参数变为响应式或处理响应式数据。使用 toRef 和 toRefs 的场景。
2024-11-26 14:58:59
1301
原创 【java】三元表达式
在Java中，三元表达式（也称为三元运算符）是一种简洁的条件运算符，用来替代简单的if-else语句。其中，condition是一个布尔表达式。如果condition为true，则整个三元表达式的值为；否则，值为。
2024-11-04 13:43:41
1416
原创 【Vue】在 Vue 组件的 methods 中，箭头函数和不带箭头函数中的this的区别
通常是组件定义环境的上下文（即创建 Vue 实例之前的环境），而不是 Vue 实例本身。这意味着在 Vue 组件的。取决于定义时的上下文，而不是 Vue 实例。使用普通函数可以确保。指向 Vue 实例，并正确访问组件的数据和方法。是在定义它的地方捕获的，而不是在调用它的地方。中定义一个箭头函数时，这个箭头函数的。中，避免使用箭头函数，因为它们的。箭头函数在定义时就绑定了它的。通常不会指向 Vue 实例。，而不是 Vue 实例。正确指向 Vue 实例。当你在 Vue 组件的。
2024-11-04 10:36:45
414
原创 【TypeScript】ts性对于js新增的特性说明
TypeScript 是 JavaScript 的超集，增加了一些 JavaScript 中没有的特性，主要是为了提高代码的可维护性和开发效率。
2024-10-31 15:36:08
941
原创 【TS】TypeScript 类型定义之联合类型（union types）和交叉类型（intersection types）
这种写法在 TypeScript 中非常有用，它允许你定义复杂的对象类型，确保对象必须包含某些基础属性，同时根据某个属性的值（如type）来包含不同的附加属性。这种类型定义方式可以提高代码的类型安全性和可读性。
2024-10-30 18:30:52
711
原创 Vue.js 项目中 index.html 和 main.js 的关联机制
index.html和main.js的关联是通过构建工具在打包过程中自动完成的，而不是直接在代码中显式关联。通过在main.js中调用，Vue 应用会找到index.html文件中 ID 为app的元素，并将 Vue 应用实例挂载到该元素上。
2024-10-18 15:49:18
1017
原创 【Vue】项目部署本地部署和服务器部署
本地部署 Vue 项目的dist目录，可以选择使用简单的 HTTP 服务器（如或serve）、Nginx 或 Docker。每种方法都有其优点和适用场景，具体选择取决于你的需求和环境。将 Vue 项目部署到生产环境中，最常见的方法是将打包好的dist目录上传到一个 web 服务器上。可以选择使用 Nginx、Apache、GitHub Pages、Vercel、Netlify 或 Docker 等多种方式进行部署。具体选择取决于你的项目需求和个人偏好。
2024-10-17 16:02:13
1933
原创 【Vue】Vue 3 中的 ref 函数与 React 中的 useState 钩子的对比
虽然 Vue 3 的ref和 React 的useState都用于管理组件状态，但它们的实现方式和使用场景有所不同。Vue 3 的ref更加灵活，可以处理各种类型的数据，而 React 的useState更加简洁，适合处理简单的状态管理需求。两者各有优劣，具体选择取决于开发者的需求和偏好。
2024-10-17 15:47:23
857
原创 【JS】Node.js读取execle表格中的数据
变量替换为实际的Excel文件路径。此代码将读取Excel文件，并将第一个工作表的数据转换为JSON格式，然后打印出来。然后，你可以编写JavaScript代码来读取.xlsx文件。在Node.js中读取.xlsx格式的Excel文件，可以使用。这个库非常流行且易于使用。下面是一个基本示例，展示如何使用。如果你需要处理多个工作表或进行更复杂的数据操作，库提供了许多实用的函数和选项，你可以查阅。库读取.xlsx文件中的数据。
2024-10-17 15:09:12
608
原创 【JS】node.js 使用process.argv获取和处理命令行参数
是一个强大的工具，用于在 Node.js 中获取和处理命令行参数。通过可以获取实际传递的参数，并可以手动解析或使用第三方库如minimist和yargs来简化参数的处理。根据你的需求选择合适的方法来处理命令行参数。
2024-10-11 14:39:54
1137
1
原创 【JS】node.js之axios发起HTTP网络请求的使用教程
Axios 是一个基于 Promise 的 HTTP 库，可以用于浏览器和 Node.js 中发送 HTTP 请求。
2024-10-09 09:07:54
1017
原创 【JS】path的使用说明
path模块在处理文件路径时非常有用，特别是在 Node.js 环境下。通过上述方法，你可以方便地获取路径信息、连接路径、解析绝对路径以及进行路径规范化等操作。
2024-09-20 18:23:58
786
原创 【SpringBoot】调度和执行定时任务--DelayQueue (附demo)
DelayedDelayQueue是 Java 中包的一部分，它是一个无界阻塞队列，其中的元素只能在其到期时才能被取出。DelayQueue是一个泛型类，要求队列中的元素实现Delayed接口。
2024-09-14 21:59:27
675
原创 【SpringBoot】调度和执行定时任务--Spring Task(超详细)
使用@Scheduled注解定义定时任务。@Scheduled注解可以放在任何 Spring 管理的 bean 的方法上。fixedRate: 固定速率执行任务。fixedDelay: 固定延迟执行任务。cron: 使用 Cron 表达式执行任务。
2024-09-14 21:57:04
1032
原创 【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
3391
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人