- 博客(51)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue-13（延迟加载路由）
延迟加载路由是优化 Vue.js 应用程序性能的关键技术，尤其是那些具有大量路由的应用程序。通过仅在实际需要时加载路由组件，您可以显著减少应用程序的初始加载时间，从而获得更好的用户体验。这对于网络连接速度较慢或处理能力有限的设备的用户尤其重要。
2025-06-02 23:09:44
753
原创 vue-12 (路由守卫：全局、每个路由和组件内）
路由守卫摘要 Vue Router 提供了三类路由守卫： 全局守卫： beforeEach：每次路由跳转前执行 beforeResolve：确认导航前执行 afterEach：导航完成后执行 适用于全局逻辑（如身份验证、日志记录） 每路由守卫： beforeEnter：针对特定路由的守卫 适用于特定路径的访问控制 组件内守卫： beforeRouteEnter：进入组件前触发 beforeRouteUpdate：路由参数变化时触发 beforeRouteLeave：离开组件前触发 与组件生命周期紧密相关 守
2025-06-02 23:04:19
871
原创 vue-11（命名路由和命名视图）
本文介绍了Vue.js中命名路由和命名视图的核心概念与应用。命名路由通过为路由分配唯一名称，提升代码可读性和维护性，使URL修改更灵活。命名视图则允许在单个路由中同时渲染多个组件，适用于复杂布局场景。文章详细说明了定义和使用方法，并提供了电子商务、博客、管理面板等实际应用示例，最后给出实践练习指导开发者实现这些功能。这些技术显著提升了Vue应用的导航体验和架构质量。
2025-06-01 23:34:41
627
原创 vue-10（ 动态路由匹配和路由参数）
Vue Router 的动态路由匹配功能允许创建灵活的路由系统，通过参数捕获 URL 动态段。主要特点包括： 基本用法：使用冒号定义参数（如/users/:id），组件通过$route.params访问参数值 高级匹配：支持可选参数（?）、正则表达式验证（(\\d+)）和catch-all路由（*） 实际应用：适用于用户资料、博客文章、产品详情等场景 注意事项：路由定义顺序影响匹配优先级，需先定义具体路由再定义通用路由 该功能减少硬编码路由需求，提升应用可维护性和扩展性。
2025-06-01 23:31:43
948
原创 vue-09（使用自定义事件和作用域插槽构建可重用组件）
本文介绍了Vue.js中构建可重用组件的关键技术：自定义事件和作用域插槽。自定义事件通过$emit实现子父组件通信，演示了计数器组件的实现示例。作用域插槽则允许父组件访问子组件数据，提供了灵活的渲染方式，包括命名插槽的使用。通过这些技术，开发者可以创建高度可定制、可维护的组件，提升开发效率和代码复用性。文章结合具体代码示例，清晰展示了这些概念的实际应用。
2025-05-31 21:00:50
1060
原创 vue-08（使用slot进行灵活的组件渲染）
Vue.js作用域插槽摘要 作用域插槽是Vue.js中实现组件内容灵活渲染的机制，它允许父组件访问子组件数据并进行自定义渲染。本文介绍了作用域插槽的基本语法：在子组件中使用<slot>传递数据，在父组件通过v-slot接收数据并定制模板。还展示了简写语法#的使用方式。 通过两个实例演示了实际应用：1)可定制表格组件，父组件自定义表列渲染；2)可定制列表组件，父组件控制列表项呈现方式。作用域插槽提供了强大的组件复用能力，使子组件保持核心逻辑，同时允许父组件灵活控制内容展示。
2025-05-31 20:46:40
639
原创 vue-07(高级组件通信模式：provide+inject)
Vue.js组件通信：provide/inject模式解析 Vue.js中的provide/inject机制为组件通信提供了一种高效解决方案，特别适用于深层嵌套组件结构。这种模式通过父组件"提供"数据或方法，子组件"注入"使用，避免了传统props层层传递的繁琐。 核心特点包括： 提供两种语法：对象语法直接提供静态数据，函数语法支持动态数据和方法 注入选项支持数组和对象两种形式，后者可指定默认值和来源 响应性处理需要特别注意，原始值不具响应性，需使用ref/react
2025-05-30 09:53:31
662
原创 Vue-06（“$emit”和事件修饰符）
摘要： Vue.js中，$emit用于组件间通信，通过触发自定义事件传递数据。父组件可监听这些事件并响应，确保组件独立性和交互性。事件修饰符如.stop、.prevent、.capture和.self简化了事件处理逻辑，直接在模板中修改事件行为，无需额外代码。这些工具是构建高效、可维护Vue应用的关键，适用于表单提交、事件冒泡控制等常见场景。
2025-05-30 00:05:22
1210
原创 Vue-05（自定义事件）
本文介绍了Vue.js中自定义事件的核心概念和使用方法。通过$emit方法，子组件可以向父组件传递事件和数据，实现组件间通信。文章详细讲解了事件命名规范、payload传递方式以及在父组件中监听和处理事件的技术细节。通过一个产品购物车系统的实际案例，展示了如何实现"添加商品到购物车"的功能，包括子组件发出事件、父组件接收事件并更新数据状态的全过程。这种机制有效解耦了组件间的直接依赖，提高了代码的可维护性和复用性。
2025-05-29 23:57:08
768
原创 vue-04（深入了解 props：验证、类型和默认值）
本文深入探讨了Vue.js中props的验证机制、类型系统和默认值设置。详细介绍了prop验证的基本语法和对象形式验证，包括类型检查、必填项、默认值和自定义验证器；列举了Vue支持的各种prop类型，从基本类型到复杂对象、函数等；并讲解了如何设置默认值，特别是针对数组和对象类型的工厂函数模式。通过学习这些内容，开发者可以构建更健壮、可维护的Vue组件。
2025-05-28 23:43:46
803
原创 服务器定时任务查看和编辑
摘要：本文介绍了在Ubuntu系统中查看和管理定时任务的多种方法。主要包括：1）使用crontab命令查看用户级别和系统级别定时任务；2）检查周期性目录任务（如cron.hourly等）；3）查看systemd定时任务（systemd timer）。同时提供了定时任务的时间格式说明，以及通过crontab实现定时任务的详细步骤、日志记录方法和常见问题排查建议。最后强调了确保cron服务正常运行的重要性。
2025-05-28 18:48:22
819
原创 Vue-03 （调试工具Vue Devtools ）
Vue Devtools是调试Vue.js应用的重要浏览器扩展，支持Chrome、Firefox和Edge。它提供组件检查器、Vuex状态追踪、路由检查、事件监控和性能分析等核心功能，帮助开发者深入了解应用运行状态。通过实时查看和修改组件数据、跟踪状态变更、监控事件以及分析性能瓶颈，Vue Devtools能显著提升调试效率，是Vue开发中不可或缺的工具。
2025-05-27 23:58:34
787
原创 Vue-02 （使用不同的 Vue CLI 插件）
Vue CLI插件通过npm包形式扩展Vue项目的功能，分为官方插件和社区插件两大类。官方插件包括Babel、ESLint、Router、Vuex和TypeScript等核心功能插件，而社区插件则由开发者社区创建维护。这些插件通过修改项目配置、添加依赖项和注册新命令来工作，可以快速集成常见功能。使用时需注意插件来源、维护状态和兼容性。典型用例包括添加Vuex状态管理或TypeScript支持，安装后需根据项目需求进行相应配置。保持插件更新可确保获得最新功能和修复。合理使用这些插件能显著提升Vue开发效率。
2025-05-27 23:44:35
950
原创 Vue-01（Vue CLI创建项目以及文件配置说明）
文章摘要： Vue CLI 是 Vue.js 开发的核心工具，提供项目初始化、开发服务器、构建优化和插件扩展等功能。通过 vue create 命令可快速搭建项目，支持手动选择特性（如 Vue Router、Vuex、TypeScript）。内置开发服务器支持热重载，构建过程自动优化代码。插件系统（如 vue add）可扩展功能，还支持自定义预设、图形化界面（vue ui）和即时组件原型设计。实际应用中，可通过 vue.config.js 自定义构建配置（如代理、输出目录）。Vue CLI 显著提升开发效率
2025-05-26 23:38:47
1002
原创 Lua 脚本在 Redis 中的运用-24 （使用 Lua 脚本实现原子计数器）
本文介绍了使用Redis的Lua脚本实现原子计数器的技术方案。主要内容包括： 为什么需要原子计数器：解决并发环境中的竞态条件问题，确保数据一致性。 Lua脚本的优势：提供原子性执行、减少网络往返、支持复杂逻辑和条件判断。 实现方案：通过示例脚本展示了如何初始化计数器、设置过期时间及原子性递增，详细解释了脚本中的关键Redis命令调用。 实际应用：提供了执行脚本的具体方法，包括EVAL和SCRIPT LOAD/EVALSHA两种方式。 扩展练习：建议读者基于所学知识实现一个速率限制器，并给出了实现思路。
2025-05-25 21:38:04
1183
原创 Lua 脚本在 Redis 中的运用-23（Lua 脚本语法教程）
Redis支持通过Lua脚本实现原子化操作和复杂业务逻辑。Lua脚本直接在Redis服务器执行，减少了网络延迟，保证了原子性。主要方法包括： 基础语法：使用redis.call()调用Redis命令，支持变量、控制流等Lua特性 执行方式： EVAL直接执行脚本代码 EVALSHA通过脚本SHA1哈希执行 典型应用： 原子计数器 账户转账等需要事务性的操作 优势：减少网络请求、确保原子性、复用脚本代码 Lua脚本是Redis实现复杂操作的强大工具，尤其适合需要原子性和性能的场景。
2025-05-25 21:26:45
971
原创 Lua 脚本在 Redis 中的运用-22
Redis 提供了通过 Lua 脚本执行复杂操作的强大功能。Lua 脚本可以在 Redis 服务器上原子性地执行，减少网络延迟并确保数据一致性。主要使用 EVAL 和 EVALSHA 命令执行脚本，其中 EVALSHA 通过 SHA1 哈希值调用预先加载的脚本更高效。脚本中通过 redis.call() 函数与 Redis 交互，支持错误处理。典型应用包括原子计数器实现和请求速率限制，通过将多个操作组合成单一原子单元，避免了竞态条件。Lua 脚本扩展了 Redis 功能，特别适合需要事务性保证的场景。
2025-05-25 18:45:46
1250
原创 理解 Redis 事务-21（使用事务实现原子操）
Redis事务提供了一种原子操作的实现方式，通过MULTI、EXEC和DISCARD命令组合多个命令为一组原子操作。虽然Redis事务不完全符合ACID标准（不支持真正的回滚），但结合WATCH命令可实现乐观锁机制，有效解决并发环境下的数据一致性问题。典型应用场景包括账户转账、原子计数器和速率限制等，其中WATCH监控关键键值变化，确保事务执行前数据未被修改，否则事务将失败。这种机制在金融交易、秒杀等高并发场景中尤为重要，但需注意避免无限重试。
2025-05-25 18:14:47
968
原创 理解 Redis 事务-20 （MULTI、EXEC、DISCARD）
Redis事务通过MULTI、EXEC和DISCARD命令实现原子操作。MULTI标记事务开始，将后续命令排队；EXEC执行所有排队命令，返回每个命令的响应；DISCARD取消事务。事务确保命令要么全部执行，要么全部不执行，适用于转账、计数器更新等场景。但要注意，执行过程中的错误不会阻止其他命令执行，这与传统数据库的"全部成功或全部失败"有所不同。实际应用中，对于需要强一致性的操作，建议结合Lua脚本使用。
2025-05-24 23:56:08
1108
原创 redis缓存实战-19（使用 Pub/Sub 构建简单的聊天应用程序）
Redis Pub/Sub 实践：构建简单聊天应用 本文介绍了如何使用 Redis 的 Pub/Sub 功能构建一个简单的聊天应用程序。主要内容包括： Pub/Sub 模型：Redis 可以实现发布者-订阅者模式，通过通道(channel)实现消息的发布与订阅，支持实时通信。 核心命令： PUBLISH channel message：发布消息 SUBSCRIBE channel：订阅频道 PSUBSCRIBE pattern：使用通配符订阅 UNSUBSCRIBE：取消订阅 聊天应用实现： 使用redis
2025-05-24 23:21:38
1284
原创 redis 进行缓存实战-18
本文介绍了使用Redis作为缓存的技术方案。Redis因其高速内存特性成为优秀的缓存选择，能显著提升应用性能、减少数据库负载并降低成本。主要内容包括： 缓存概念与策略：解释缓存工作原理及常见策略（Cache-Aside、直写等），推荐Cache-Aside作为最实用方案。 Redis缓存实现： 使用SET/GET命令存储数据 通过TTL设置过期时间 数据序列化方法（如JSON） 缓存失效策略（TTL/事件/手动） 高级技术： 防缓存雪崩方案（随机延迟、锁机制） 利用不同Redis数据结构（String/Ha
2025-05-23 22:22:06
1187
2
原创 redis 基本命令-17 （KEYS、EXISTS、TYPE、TTL）
Redis 提供了一套基础命令用于管理密钥和数据生命周期，包括KEYS、EXISTS、TYPE和TTL。KEYS命令用于模式匹配检索键，但性能影响大，建议用SCAN替代。EXISTS检查键是否存在，TYPE返回键的数据类型，TTL查看键的剩余生存时间。这些命令是高效使用Redis的基础，可用于数据验证、缓存管理和会话控制等场景。使用时需注意性能问题，掌握这些命令将为更高级操作奠定基础。
2025-05-23 21:54:57
1046
原创 redis Pub/Sub 简介 -16 （PUBLISH、SUBSCRIBE、PSUBSCRIBE）
Redis Pub/Sub 是一种消息传递模式，支持发布者（Publisher）和订阅者（Subscriber）通过通道（Channel）进行异步通信。核心命令包括 PUBLISH、SUBSCRIBE 和 PSUBSCRIBE。PUBLISH 用于向指定通道发送消息，SUBSCRIBE 用于订阅特定通道，而 PSUBSCRIBE 则支持通过模式匹配订阅多个通道。Redis Pub/Sub 的优势在于其解耦性和一对多通信能力，适用于实时更新、事件通知等场景。然而，消息不持久化，订阅者断开连接时可能丢失消息。通
2025-05-22 22:34:55
1224
原创 redis数据持久化和配置-15（备份和还原 Redis 数据）
Redis 数据备份和恢复是确保数据持久性和业务连续性的关键。Redis 提供两种主要备份机制：RDB 快照和 AOF 文件。RDB 快照是时间点的数据副本，适合快速恢复，但可能丢失部分数据；AOF 文件记录所有写入操作，提供更高的数据持久性，但恢复时间较长。备份过程包括手动或自动复制 RDB 或 AOF 文件到安全位置，恢复过程则涉及替换当前文件并重启 Redis 服务器。实际应用中，许多部署结合使用 RDB 和 AOF 以最大化数据保护。验证备份完整性是确保备份有效的重要步骤。
2025-05-22 22:05:47
1015
原创 redis数据持久化和配置-14（Redis 配置文件：redis.conf）
redis.conf 是 Redis 服务器的核心配置文件，决定了 Redis 的行为方式，包括内存管理、持久性、安全性和联网等。正确配置该文件对于优化性能、确保数据安全和满足特定应用需求至关重要。文件中的配置指令由关键字和参数组成，分为多个逻辑部分，如常规配置、安全、持久化、复制等。关键配置包括网络设置（如 bind 和 port）、常规设置（如 daemonize 和 loglevel）、安全设置（如 requirepass 和 rename-command）、内存限制（如 maxmemory 和 ma
2025-05-22 09:58:55
1081
原创 redis数据持久化和配置-13（配置 AOF：Appendfsync 策略）
在 Redis 中，配置 AOF（Append Only File）持久化机制时，选择合适的 appendfsync 策略至关重要，因为它直接影响数据安全性和性能。appendfsync 策略有三个选项：always、everysec 和 no。always 策略在每次写入后立即将数据同步到磁盘，确保最高数据安全性，但性能最低。everysec 策略每秒同步一次，平衡了数据安全和性能，是推荐的选择。no 策略依赖操作系统进行同步，性能最高，但数据丢失风险最大。选择策略时需考虑硬件性能、工作负载和应用程序对数
2025-05-22 09:40:23
910
原创 redis数据结构-12（配置 RDB 快照：保存间隔和压缩）
Redis 提供了 RDB 快照机制，用于将内存中的数据持久化到磁盘，确保在服务器重启或故障时数据不丢失。RDB 快照通过创建子进程将数据写入二进制文件，具有紧凑、高效的特点，适合备份和灾难恢复。然而，RDB 快照可能导致数据丢失，且分叉过程可能消耗资源。配置 RDB 快照时，需设置保存间隔，以平衡数据持久性和性能。保存间隔通过 save 指令定义，可根据数据敏感性和写入频率进行调整。此外，Redis 支持 RDB 压缩，通过 rdbcompression 指令启用或禁用，以节省磁盘空间并减少备份时间，但会
2025-05-16 23:55:47
1044
原创 redis数据结构-11（了解 Redis 持久性选项：RDB 和 AOF）
Redis 提供了两种主要的持久性机制：RDB 快照和 AOF（仅附加文件）。RDB 通过定期创建数据集的时间点快照来提供紧凑的备份，适合灾难恢复和快速恢复，但可能导致数据丢失。AOF 则记录每个写入操作，提供更高的数据持久性，但文件较大且性能开销较高。选择 RDB 还是 AOF 取决于应用场景：RDB 适合缓存等容忍数据丢失的场景，而 AOF 适合数据完整性要求高的应用。两者也可以结合使用，以平衡数据持久性和恢复速度。
2025-05-16 23:29:57
1409
原创 redis数据结构-10（ZREM、ZSCORE、ZINCRBY）
Redis 有序集提供了高效管理和操作数据集合的功能，其中每个成员都与一个分数相关联。本文介绍了三个关键操作：ZREM、ZSCORE 和 ZINCRBY。ZREM 用于从有序集中删除一个或多个成员，返回成功删除的成员数量。ZSCORE 用于检索指定成员的分数，返回字符串形式的分数值。ZINCRBY 用于增加或减少成员的分数，若成员不存在则将其添加到有序集中。这些操作在排行榜、优先级队列等应用中至关重要，且均为原子操作，确保数据一致性。掌握这些命令有助于在 Redis 中高效管理有序集。
2025-05-13 22:05:50
521
原创 redis数据结构-09 （ZADD、ZRANGE、ZRANK）
Redis 有序集合是一种独特的数据结构，结合了集合和哈希的特性，允许存储唯一元素并为每个元素分配一个分数，用于排序。本文介绍了三个关键命令：ZADD、ZRANGE 和 ZRANK。ZADD 用于向有序集合中添加或更新元素及其分数，支持多种选项如 NX、XX、GT、LT 等，以控制添加或更新的条件。ZRANGE 用于根据排名范围检索元素，支持反向排序和返回分数。ZRANK 则用于确定元素在有序集合中的排名，ZREVRANK 提供反向排名。这些命令使得有序集合在需要排序和快速检索的场景中非常有用。
2025-05-13 22:01:48
756
原创 redis数据结构-08（SINTER、SUNION、SDIFF、SISMEMBER）
Redis 集合操作包括 SINTER、SUNION、SDIFF 和 SISMEMBER，用于高效管理和查询数据。SINTER 计算多个集合的交集，返回所有集合共有的元素；SUNION 返回多个集合的并集，包含所有唯一元素；SDIFF 返回第一个集合中独有的元素；SISMEMBER 检查元素是否属于集合。这些操作支持复杂的数据分析，减少数据传输需求。例如，SINTER 可查找同时喜欢 Python 和 JavaScript 的用户，SUNION 可列出所有喜欢 Python 或 JavaScript 的用户
2025-05-11 23:19:37
985
原创 redis数据结构-07（SADD、SREM、SMEMBERS）
Redis 集合是一种存储唯一且无序元素的数据结构，适用于多种应用场景，如跟踪独立访客、管理用户权限和实现点赞系统。本文介绍了 Redis 集合的核心命令：SADD 用于向集合添加元素，SREM 用于删除元素，SMEMBERS 用于检索集合中的所有成员。通过这些命令，用户可以高效地管理集合数据，确保元素的唯一性，并执行基于集合的操作。实际示例展示了如何利用这些命令来跟踪网站访客、管理用户角色和实现简单的点赞系统，帮助读者更好地理解和应用 Redis 集合。
2025-05-11 23:09:10
954
原创 redis数据结构-06（LRANGE、LINDEX、LSET、LREM）
Redis 列表是一种强大的数据结构，支持多种操作命令。LRANGE 用于检索列表中的元素范围，适用于分页等场景；LINDEX 通过索引访问特定元素，适合快速查找；LSET 允许通过索引修改元素值，适用于更新操作；LREM 则按值删除元素，适合清理列表中的特定数据。这些命令为高效管理有序数据提供了灵活的工具，广泛应用于分页、播放列表、协作文档编辑和用户管理等场景。掌握这些命令可以显著提升 Redis 应用程序的数据处理能力。
2025-05-11 22:08:54
985
原创 redis数据结构-05 (LPUSH、RPUSH、LPOP、RPOP)
Redis 列表是一种有序的字符串集合，支持多种数据结构操作。核心命令包括 LPUSH、RPUSH、LPOP 和 RPOP。LPUSH 和 RPUSH 分别用于将元素添加到列表的开头和末尾，支持批量操作，并返回列表的新长度。LPOP 和 RPOP 则用于从列表的开头或末尾移除并返回元素，若列表为空则返回 nil。这些命令的组合可用于实现队列（FIFO）和堆栈（LIFO）等数据结构，适用于任务队列、日志记录、撤消功能等场景。通过灵活使用这些命令，可以高效管理 Redis 列表中的数据。
2025-05-11 17:13:45
1058
原创 redis数据结构-04 (HINCRBY、HDEL、HKEYS、HVALS)
Redis 提供了多种哈希操作命令，用于高效管理和查询存储在哈希中的数据。HINCRBY 用于增加哈希字段的值，支持正负增量，适用于计数器等场景。HDEL 用于删除哈希中的一个或多个字段，返回成功删除的字段数量。HKEYS 返回哈希中所有字段的列表，适用于动态检查哈希结构。HVALS 返回哈希中所有值的列表，通常与 HKEYS 配合使用，用于迭代哈希的字段和值。这些命令在处理用户数据、计数器、库存管理等场景中非常实用。
2025-05-11 16:52:30
720
原创 redis数据结构-03 (HMSET、HGET、HGETALL)
Redis 哈希是一种高效的数据结构，允许在单个键下存储多个字段-值对，适用于表示对象或配置等数据。主要命令包括 HMSET、HGET 和 HGETALL。HMSET 用于设置哈希中的多个字段，HGET 用于检索单个字段的值，而 HGETALL 则获取哈希中所有字段及其值。哈希适用于存储用户会话、配置设置、产品目录等场景。通过合理使用这些命令，可以高效管理和检索复杂的数据结构。
2025-05-11 00:52:56
545
原创 redis数据结构-02（INCR、DECR、APPEND）
Redis 提供了一系列字符串操作命令，包括 INCR、DECR 和 APPEND，用于处理字符串和数字。INCR 和 DECR 命令分别用于递增和递减字符串键的整数值，适用于计数器、速率限制等场景。INCRBY 和 DECRBY 允许按特定值增减，而 APPEND 用于将字符串附加到现有值的末尾，适用于日志构建等任务。这些操作都是原子的，确保在多客户端环境下的一致性。通过这些命令，Redis 能够高效地处理字符串和数字操作，满足多种应用需求。
2025-05-11 00:26:10
771
原创 redis 数据结构-01（ SET、GET、DEL）
Redis 字符串是 Redis 中最基本且功能丰富的数据类型，用于存储文本或二进制数据，最大支持 512 MB。核心命令包括 SET、GET 和 DEL。SET 用于为键赋值，支持条件设置（NX、XX）和过期时间；GET 用于检索键的值，若键不存在则返回 nil；DEL 用于删除一个或多个键，返回成功删除的键数。这些操作都是原子的，适用于并发环境。理解并有效使用这些命令对于 Redis 的缓存、会话管理等功能至关重要。
2025-05-11 00:24:00
989
原创 【AI实战篇-01】利用Deepseek Api方案实现企业微信客户服务合规监控系统案例
相信Ai大模型进步，每个程序员都有目共睹。本人也是通过Ai实现全栈开发，一直也在探索Ai的应用场景落地，今天分享一个调取 deepseek api实现一个合规监测系统的拆解教程，也是作为一个记录笔记教程。
2025-04-29 16:18:39
782
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人