- 博客(19)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Vuex 与 Pinia 全面对比分析
本文对Vuex和Pinia进行了全面对比分析，主要涵盖以下方面： 核心架构差异：Pinia基于组合式API设计，比Vuex更简洁灵活，支持直接状态修改和更好的TypeScript支持，体积减少60%。 功能实现对比：Pinia的模块化更简单（无需命名空间），响应式处理更智能（自动处理新属性），类型推导更完善。 性能与开发体验：Pinia在初始化速度、内存占用和调试体验上表现更优，支持热模块更新。 迁移建议：新项目推荐使用Pinia，Vue2项目可继续使用Vuex，大型项目可混合使用。提供了渐进式迁移的具体策
2025-12-22 09:03:54
293
原创 Vue3 Pinia 从入门到精通
Pinia 作为 Vue 3 官方推荐的状态管理库，凭借其简洁的 API、出色的 TypeScript 支持和灵活的模块化设计，已成为现代 Vue 项目的首选方案。安装 Pinia并创建基础 Store逐步迁移：按模块将 Vuex Store 转换为 Pinia Store替换 Mutations：将commit调用改为直接修改状态优化模块化：将嵌套 Modules 拆分为独立 Pinia Store启用持久化：替换为 Pinia 持久化插件。
2025-12-19 17:31:36
696
原创 Vue 2 中 Store (Vuex) 从入门到精通
Vuex 2 状态管理核心指南：从基础到模块化实践 本文详细介绍了 Vue 2 中 Vuex 状态管理的完整知识体系，包含核心概念、基础用法和高级技巧。主要内容包括： Vuex 核心架构 采用集中式状态管理模式 工作流程：组件→Actions→Mutations→State→Getters 五大核心模块（State/Mutations/Actions/Getters/Modules）详解 基础使用方法 安装配置（Vuex 3.x 版本） 创建Store实例及挂载到Vue 组件中访问状态、提交变更和分发动作
2025-12-19 17:31:21
639
原创 Vue 3.0 Mixins 详解：从基础到迁移的全面指南
Vue 3 中 Mixins 详解与迁移指南 本文全面解析 Vue 3 中 Mixins 的使用与变化： 定位变化：从推荐方案降级为兼容方案，Composition API 成为首选 基础用法：保留局部/全局混入语法，但全局混入需谨慎使用 合并策略：数据浅层合并、生命周期顺序执行、方法组件优先覆盖 与 Composition API 对比：后者在命名冲突、来源追踪、类型支持等方面优势明显 限制与迁移：不支持 setup 函数、类型推断差，建议逐步迁移至 Composition API 最佳实践：小型项目可继
2025-12-18 14:57:37
716
原创 Vue 2.0 Mixins 详解：从原理到实践的深度解析
本文深入解析了 Vue 2.0 中的 Mixins 机制，从核心概念、基础使用到选项合并策略进行了详细阐述。Mixins 作为组件逻辑复用的重要方式，通过"混入"共享选项实现代码复用，具有灵活性和模块化优势，但也存在命名冲突、来源模糊等缺点。文章提供了表单处理、数据加载、权限控制等典型场景的实战案例，并总结了命名规范、单一职责等最佳实践。最后对比了 Vue 3 的 Composition API，指出其解决了 Mixins 的核心缺陷。开发者应根据项目需求合理选择复用方案，Vue 2 项
2025-12-18 14:52:49
975
原创 如何拒绝内耗
《经济压力下的情绪自救指南》 面对经济压力引发的焦虑内耗，关键在于将消极思维转化为实际行动。首先需识别"灾难化思维"，用事实清单区分想象与现实；其次通过"5分钟启动法"开启微小行动，建立"进步日记"记录积极改变。环境优化同样重要，包括设置财务目标视觉区、净化焦虑信息源、寻找行动派伙伴。当情绪崩溃时，可运用"压力转化公式"等应急工具快速平复。案例显示，通过"副业轻启动"、"非对称砍支出"和&
2025-09-30 15:04:17
927
原创 Vue3 + Vite创建uni-app JavaScript项目教程（VSCode环境）
本教程从环境搭建到实例开发，完整覆盖了Vue3 + Vite + uni-app（JavaScript）在VSCode中的开发流程。环境区分：通过模板分支（#vite）创建纯JavaScript项目，避免TypeScript配置干扰；插件选择：聚焦JS开发必备工具，无需安装TypeScript类型声明文件；状态管理：使用Pinia的JavaScript API，简化组件间数据共享。通过这套流程，开发者可快速上手uni-app跨平台开发，兼顾H5、小程序等多端需求。后续可进一步学习条件编译（
2025-09-30 14:01:58
1210
原创 UniApp从入门到实践完整教程（2025版）
UniApp 2025跨平台开发实战教程摘要：UniApp作为主流跨端框架，2025年已支持15+平台，显著提升开发效率。教程涵盖环境搭建（HBuilderX 4.57+）、Vue3+TypeScript开发范式、核心概念（生命周期/路由/网络请求）及实战技术栈（uView组件库/Pinia状态管理）。特别针对鸿蒙Next元服务和性能优化，提供从入门到项目的完整路径，帮助开发者快速构建多端应用。
2025-09-30 09:55:52
1284
原创 Vue3基础教程：从实践到精通
本文介绍了Vue3的高级组件设计模式与Composition API进阶应用。在组件设计方面，详细讲解了作用域插槽实现父子组件数据共享、动态组件实现标签页切换、异步组件优化加载性能的三种模式及其应用场景。在Composition API部分，重点阐述了如何封装useFetch组合式函数实现API请求复用，以及使用provide/inject进行跨层级通信，并配合TypeScript强化类型安全。这些技术共同服务于逻辑复用与组件解耦的核心目标，能够显著提升Vue3应用的可维护性和扩展性。
2025-09-30 09:54:00
1040
原创 VSCode 智能代码插件：Fitten Code
• Fitten Code 能够根据您的代码自动生成相关注释，通过分析您的代码逻辑和结构，为您的代码提供清晰易懂的解释和文档，不仅提高代码的可读性，还方便其他开发人员理解和使用您的代码。• 选中需要进行翻译的代码段，右键选择“Fitten Code – 编辑代码”或点击左侧工具栏中的“Fitten Code – 编辑代码”或者使用快捷键“Ctrl+Alt+E”，如下图中①、②所示。点击对话下方的分享按钮。• 点击右下角Fitten图标，然后选择“打开插件设置”，即可打开Fitten Code的设置页面。
2025-09-28 10:22:13
941
2
原创 前端跨域解决方案
本文介绍了前端跨域问题的常见解决方案。主要内容包括：1）CORS（标准方案，需后端配合）；2）JSONP（仅限GET请求，兼容性好）；3）代理服务器（通过同源服务器转发）；4）document.domain（主域名相同场景）；5）postMessage（跨窗口通信）；6）WebSocket（实时通信）。建议优先使用CORS或代理服务器，并注意不同方案的安全性问题，如验证消息来源、避免通配符等。文章还提供了各方案的具体实现代码示例和适用场景建议。
2025-09-28 08:57:43
1020
原创 Axios设计理念与源码深度解析
Axios作为主流HTTP客户端库，通过Promise异步处理、跨平台适配和拦截器机制实现高效网络请求。其核心设计理念包括：基于Promise简化异步流程，支持链式调用和async/await；采用适配器模式统一浏览器与Node.js环境API；通过多层次配置体系和拦截器链实现灵活控制。源码层面，Axios利用默认配置合并、请求分发函数和拦截器管道协同工作，平衡了易用性与功能性，为开发者提供简洁高效的HTTP请求解决方案。
2025-09-26 13:54:03
812
原创 photo-sphere-viewer 在 Vue 中的使用
photo-sphere-viewer 是一个功能强大的全景图查看器JavaScript库，支持360°全景展示、虚拟导览和标记点等功能。本文基于5.11.1版本，详细介绍了在Vue项目中的集成方法：包括核心库和插件安装、容器创建、初始化配置等步骤。重点讲解了标记点插件的使用（支持圆形标记和HTML标记的添加与删除）以及虚拟导览功能的实现（包括节点切换和事件监听）。文中还提供了完整的节点数据结构和示例代码，帮助开发者快速实现全景图交互展示功能。
2025-09-26 10:01:29
1771
原创 Android_Java Socket连接参数传递与心跳启动
Socket连接与心跳机制实现摘要 本教程展示了Android平台下Socket客户端的完整实现，主要包含以下核心功能： 连接管理：支持IP地址和端口配置，通过多线程处理连接建立和断开 参数传递：在连接成功后立即发送初始化参数（如任务ID） 心跳机制：5秒间隔的心跳检测，确保连接活跃 自动重连：3秒延迟后自动重连机制 状态回调：通过接口提供连接状态、心跳状态和消息接收回调 READY响应处理：服务器返回READY后启动心跳并通知UI 实现采用生产者-消费者模式，通过Handler实现线程间通信，确保UI线程
2025-09-25 10:25:31
942
原创 termux后台运行配置指南
Termux后台运行配置指南一、使用tmux创建后台会话bash参数说明：-d：后台创建会话，不直接进入-s service-main：会话名称，便于后续管理./start_services.sh：要执行的服务启动脚本连接到会话：tmux attach -t service-main断开连接（保持会话运行）：按 Ctrl+b 后按 d终止会话：tmux kill-session -t service-main二、启动脚本配置（start_services.sh）
2025-09-24 10:24:29
1836
原创 Termux + Nginx 部署前端 dist文件教程
本教程详细讲解如何在Termux中通过Nginx部署前端dist文件。首先需要准备前端dist目录和Termux基础环境，安装Nginx和OpenSSH工具。然后通过XFTP远程连接Termux，编辑Nginx配置文件以支持静态资源托管和API代理。配置完成后启动Nginx服务，即可在手机浏览器或局域网设备访问前端项目。最后提供了常见问题排查方法，包括连接失败、配置不生效和权限问题等解决方案，确保部署过程顺利进行。
2025-09-01 09:54:51
835
原创 Termux后台服务部署与安装教程
本教程详细介绍了在Termux中部署后台服务的完整流程，包含SSH服务部署、数据库安装、Java环境配置及项目部署等关键步骤。主要内容： 环境准备与SSH服务部署，实现电脑远程连接Termux MariaDB、Redis等核心服务安装与配置方法 使用XFTP进行远程文件管理的最佳实践 若依框架数据库初始化与Navicat连接操作指南 项目部署与自启动脚本配置 教程提供了详细的命令示例和配置说明，特别强调： SSH连接是后续操作的基础前提 数据库导入顺序和配置文件修改的注意事项 通过XFTP可视化操作简化文件
2025-09-01 09:22:53
1851
原创 基于 Termux 的 SRS 流媒体服务器搭建与使用教程
这篇教程详细介绍了在Android终端模拟器Termux上搭建SRS流媒体服务器的全过程。从准备工作开始，包括安装依赖工具、克隆SRS源码、编译配置，到修改配置文件、启动服务及测试转发功能。教程还涵盖了流媒体本地存储设置、格式转换与文件管理，以及日志查看和常见问题排查方法。通过分步骤的清晰指导，用户可以在Android设备上快速部署一个功能完整的流媒体服务器，实现视频推流、转发和本地存储等功能。
2025-09-01 09:19:36
1060
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人