hhcccchh的专栏

优点✅ 简单易用✅ 灵活自由✅ 学习成本低缺点❌ 数据分散❌ 难以追踪❌ 容易混乱❌ 不适合大项目。

📻校园广播站：一个人说话，所有人都能听到📡无线电台：不需要物理连接，通过"频道"通信🎙️对讲机：任何人都可以发送和接收消息。

🎁爷爷的遗产：爷爷直接给孙子，不需要爸爸中转📡无线传输：跨越中间层，直接传递数据🔄单向数据流：只能祖先→后代，不能反向。

步骤子组件（打电话）父组件（接电话）1声明emits准备监听 @事件名2触发 this.$emit(‘事件名’, 参数)定义处理方法3发送消息和数据接收消息和数据4完成通知处理业务逻辑。

🎁父组件给子组件的礼物📦单向数据流：只能父→子，不能子→父🔒只读的：子组件不能修改✅要验证：确保数据类型正确现在明白父组件传递子组件了吗？就是父组件通过Props给子组件传数据，子组件声明接收并使用！😊。

想象你在搭乐高城堡不是一块巨大的积木 ❌而是很多小积木组合 ✅想象插槽是一个魔法口袋组件定义口袋的位置和大小使用者决定往口袋里放什么🏗️组件拆分：搭乐高积木，模块化开发🎨样式特性：各管各的地盘，互不干扰📡组件通信：传话游戏，各有各的方式🎪组件插槽：魔法口袋，灵活定制内容。

🏭Webpack：重工业工厂 - 功能全面但复杂🎩Vue CLI：五星管家 - 服务周到且稳定⚡Vite：特斯拉跑车 - 快速现代化🎨create-vue：iPhone - 简洁专注。

Vue3组件化开发指南 核心概念 组件化开发就像搭积木，每个组件是独立的功能单元。Vue3组件主要分为三种类型： 根组件：应用入口，唯一且控制整个应用 全局组件：注册一次，随处可用 局部组件：只在注册的父组件内可用 组件注册方式 全局注册：使用app.component()注册，简单但可能影响性能 局部注册：在组件内通过components选项注册，更灵活且性能优化 命名规范 推荐使用PascalCase注册组件（如UserCard），在模板中使用kebab-case（如<user-card>）

V-model就像一个贴心的翻译官🗣️用户说话（输入） → 翻译给数据听💾数据变化→ 翻译给页面看🔄实时同步，无需手动管理🎯修饰符加持，功能更强大掌握v-model，你就掌握了Vue表单处理的核心技能！🎉。

Vue3响应式计算属性与侦听器对比指南 计算属性(computed)和侦听器(watch)是Vue3响应式系统的核心特性。计算属性适合处理纯计算逻辑，具有自动缓存机制，只有当依赖变化时才重新计算；而侦听器更适合处理数据变化时的副作用操作，如异步请求或本地存储。本文通过生动比喻和实例代码，展示了二者的核心差异：计算属性是"佛系计算器"，负责生成新值；侦听器是"监控摄像头"，负责响应变化执行操作。文章还提供了30分钟学习路径和调试技巧，帮助开发者快速掌握这两个特性的适用场

Vue3 模板语法速查指南： 数据填充使用 {{ 表达式 }} 语法 核心指令包括 v-bind(:)、v-on(@)、v-if、v-show、v-for 等 v-if 会销毁/重建 DOM，v-show 仅切换 display 事件修饰符如 .stop、.prevent 简化事件处理 采用声明式编程，数据变化自动更新视图 学习路径：数据展示→属性绑定→事件处理→结构控制 这份30分钟速查表帮助开发者快速掌握Vue3模板核心语法，适合打印张贴随时查阅。

本文介绍如何将单页面应用（SPA）重构为后台管理系统架构，主要涉及前端嵌套路由的实现。首先创建Dashboard和User两个视图组件，分别用于工作台和用户管理功能。然后配置嵌套路由，使HomeView作为布局容器，包含子路由指向不同功能页面。最后改造HomeView成为母版页，保留侧边栏和顶栏等固定结构，中间区域通过<router-view>动态加载子路由内容。通过这三步改造，实现了从SPA到后台管理系统的架构升级，使系统具备更灵活的路由管理和页面布局能力。

工程化构建(Vite)强类型约束组件化 UI状态管理(Pinia)路由控制以后前端再跟你说：“这个逻辑很复杂，做不了”，你就可以微微一笑，打开 IDE，帮他写完，然后留下一句：“这也叫复杂？” 😎祝你在全栈的道路上越走越远，Bug 越来越少！🚀。

本文摘要：本文是一篇面向初学者的前端开发入门教程，采用生动比喻的方式讲解Vue.js框架及相关生态工具。文章将前端开发比作"建造城堡"，通过"地基(Vue.js)""施工队(Vite)""装修公司(Ant Design Vue)""导航系统(Vue Router)"等形象的比喻，带领读者从创建第一个Vue页面开始，逐步实现界面美化、状态管理和页面路由等核心功能。教程包含清晰的代码示例和操作步骤，帮助后端开发者

本文介绍了如何从零开始构建一个基于Vue全家桶的前端管理系统。通过Vite、Vue Router、Pinia和Ant Design Vue这"四大金刚"的配合使用，快速搭建出一个具备用户列表和详情查看功能的单页应用。文章详细讲解了项目初始化、核心工具的配置流程，包括Pinia状态管理、Vue Router路由设置、Ant Design Vue组件库引入以及Axios请求封装等关键步骤。最后展示了如何构建基本页面布局和创建视图组件，为后续功能开发奠定基础。整个过程采用通俗易懂的比喻，帮助开

会遇到浏览器跨域限制。通过配置代理，我们可以让前端的请求先发给 Vite 开发服务器，再由它转发给后端，从而绕开跨域。希望这份说明能帮助你理解这个项目。简单来说，你可以把前端项目看成一个独立的、需要“编译”的服务，它“编译”后的产物 (这是 Node.js 项目的清单文件。目录) 才是需要你来部署的最终成品。把整个项目想象成一个需要“编译”和“运行”的服务。这是前端构建工具 Vite 的配置文件。配置后，前端代码里可以直接请求。）直接请求你的后端接口（比如。来实现前后端分离的联调。，特别是用于接口联调。

摘要：使用npm create vite@latest vueDemo --template vue-ts命令可快速创建Vue+TypeScript项目。进入项目目录执行npm run dev启动开发服务器，默认访问地址为http://localhost:5173/。项目采用Vite构建工具，包含src源码目录、main.ts入口文件等标准结构，支持热更新和TypeScript类型检查。开发完成后可通过npm run build生成生产代码。（150字）

本文提供了前端开发环境的配置指南，包括核心工具Node.js（建议LTS版本≥16.x）及其包管理工具npm/yarn、现代化构建工具Vite、类型语言TypeScript的安装说明。推荐使用VSCode作为IDE并安装Volar、TS插件及代码规范工具ESLint+Prettier，同时需配置Git版本控制系统。文末通过示例验证了Node.js(v22.20.0)和Git(2.41.0)的成功安装，强调工具版本应参考官方文档持续更新。（149字）

查找镜像带有可视化界面[root@VM-0-15-centos ~]# docker search rabbitmq:managementNAME DESCRIPTION STARS OFFICIAL AUTOMATEDmacintoshplus/rabbitmq-management Based on.

使用DNF添加并启用官方Docker CE存储库。在终端窗口中输入以下命令: 安装containerd.io包手动 安装最新版docer ce 启用docker 添加当前用户加入docker用户组 关闭防火墙 重新登录，可以使用了 sudo dnf config-manager --add-repo=https://download.docker.com/linux/centos/docker-ce.reposudo dnf install

搭建zookeeper集群(一主两从)zk启动依赖java的JDK，所以要先安装JDK不会安装JDK的可以看这https://www.jianshu.com/p/ea5c72b273d7教程，安装完成JDK后下载zk的tar包并使用winSCP上传到3台linux服务器https://mirrors.tuna.tsinghua.edu.cn/apache/zookeeper/开始搭建zookeeper集群(一主两从)我启动了3台linux服务器，IP分别是192.168.79.1

面试题1. Spring中bean的循环依赖怎么解决？（一）. 首先说一下什么是Spring的循环依赖：其实就是在进行getBean的时候，A对象中去依赖B对象，而B对象又依赖C对象，但是对象C又去依赖A对象，结果就造成A、B、C三个对象都不能完成实例化，出现了循环依赖。就会出现死循环，最终导致内存溢出的错误。（二）.如何去解决Spring的循环依赖呢？1.先知道什么是Spring的“三级缓存”：就是下面的三个大的Map对象，因为Spring中的循环依赖的理论基础其实是基于java中的值传递的，

　　事务四大特性（ACID）原子性、一致性、隔离性、持久性？　　原子性（Atomicity）　　原子性是指事务包含的所有操作要么全部成功，要么全部失败回滚，因此事务的操作如果成功就必须要完全应用到数据库，如果操作失败则不能对数据库有任何影响。　　一致性（Consistency）　　事务开始前和结束后，数据库的完整性约束没有被破坏。比如A向B转账，不可能A扣了钱，B却没收到。　　隔离性（Isolation）　　隔离性是当多个用户并发访问数据库时，比如操作同一张表时，数据库为每一个用户开

JVM监控命令基本就是jps、jstack、jmap、jhat、jstat几个命令的使用就可以了JDK本身提供了很多方便的JVM性能调优监控工具，除了集成式的VisualVM和jConsole外，还有jps、jstack、jmap、jhat、jstat等小巧的工具，本博客希望能起抛砖引玉之用，让大家能开始对JVM性能调优的常用工具有所了解。 现实企业级Java开发中，有时候我们会碰到下面这些问题：OutOfMemoryError，内存不足内存泄露线程死锁锁争用（Lo...

1.1. JavaIO读写原理无论是Socket的读写还是文件的读写，在Java层面的应用开发或者是linux系统底层开发，都属于输入input和输出output的处理，简称为IO读写。在原理上和处理流程上，都是一致的。区别在于参数的不同。用户程序进行IO的读写，基本上会用到read&write两大系统调用。可能不同操作系统，名称不完全一样，但是功能是一样的。先强调一个基础知识：read系统调用，并不是把数据直接从物理设备，读数据到内存。write系统调用，也不是直接把数据，写入到物理.

我们现在看到的就是redission官方网站https://redisson.org首页可以看出来,redisson可以实现很多东西,在redisson的基础上,redisson做了超多的封装,我们看一下,例如说Spring Cache,TomcatSession,Spring Session,可排序的Set,还有呢Sortedsort,下面还有各种队列,包括这种双端队列,还有map,这些是数据结构,下面就是各种锁,读写锁,这里面的锁还包含,可重入锁,还有CountDownLant...

分布式锁很久之前有讲过并发编程中的锁并发编程的锁机制：synchronized和lock。在单进程的系统中，当存在多个线程可以同时改变某个变量时，就需要对变量或代码块做同步，使其在修改这种变量时能够线性执行消除并发修改变量。而同步的本质是通过锁来实现的。为了实现多个线程在一个时刻同一个代码块只能有一个线程可执行，那么需要在某个地方做个标记，这个标记必须每个线程都能看到，当标记不存在时可以设置该标记，其余后续线程发现已经有标记了则等待拥有标记的线程结束同步代码块取消标记后再去尝试设置标记。分布式环境下

一、什么是SPISPI ，全称为 Service Provider Interface，是一种服务发现机制。它通过在ClassPath路径下的META-INF/services文件夹查找文件，自动加载文件里所定义的类。这一机制为很多框架扩展提供了可能，比如在Dubbo、JDBC中都使用到了SPI机制。我们先通过一个很简单的例子来看下它是怎么用的。1、小栗子首先，我们需要定义一个接口，SPIServicepackage com.viewscenes.netsupervisor.sp.

简介Curator是Netflix公司开源的一套zookeeper客户端框架，解决了很多Zookeeper客户端非常底层的细节开发工作，包括连接重连、反复注册Watcher和NodeExistsException异常等等。Patrixck Hunt（Zookeeper）以一句“Guava is to Java that Curator to Zookeeper” 给Curator予高度评价。Curator的maven依赖:一般直接使用curator-recipes就行了，如果需要自己封装一些底层些的功.

随着互联网信息技术的飞速发展，数据量不断增大，业务逻辑也日趋复杂，对系统的高并发访问、海量数据处理的场景也越来越多。如何用较低成本实现系统的高可用、易伸缩、可扩展等目标就显得越发重要。为了解决这一系列问题，系统架构也在不断演进。传统的集中式系统已经逐渐无法满足要求，分布式系统被使用在更多的场景中。分布式系统由独立的服务器通过网络松散耦合组成。在这个系统中每个服务器都是一台独立的主机，服务器之间...

前言Spring代码实例：https://github.com/yihonglei/spring-studyJDK动态代理实现原理(jdk8)：https://blog.youkuaiyun.com/yhl_jxy/article/details/80586785CGLIB动态代理实现原理：https://blog.youkuaiyun.com/yhl_jxy/article/details/80633194...

1.什么是垃圾回收？ 垃圾回收(Garbage Collection)是Java虚拟机(JVM)垃圾回收器提供的一种用于在空闲时间不定时回收无任何对象引用的对象占据的内存空间的一种机制。 注意：垃圾回收回收的是无任何引用的对象占据的内存空间而不是对象本身。换言之，垃圾回收只会负责释放那些对象占有的内存。对象是个抽象的词，包括引用和其占据的内存空间。当对象没有任何引用时其占据的内...

本文来自一位不愿意透露姓名的粉丝投稿相信很多人对于MySQL的索引都不陌生，索引(Index)是帮助MySQL高效获取数据的数据结构。因为索引是MySQL中比较重点的知识，相信很多人都有一定的了解，尤其是在面试中出现的频率特别高。楼主自认为自己对MySQL的索引相关知识有很多了解，而且因为最近在找工作面试，所以单独复习了很多关于索引的知识。但是，我还是图样图森破，直到我被阿里的面试官虐...

文章内容相对较长，所以添加了目录，如果你希望对 Java 的类加载过程有个更深入的了解，同时增加自己的面试技能点，请耐心读完......双亲委派模型在介绍这个Java技术点之前，先试着思考以下几个问题：为什么我们不能定义同名的 String 的 java 文件？ 多线程的情况下，类的加载为什么不会出现重复加载的情况？ 热部署的原理是什么？ 下面代码，虚拟机是怎样初始化注册 Mys...

背景MySQL凭借着出色的性能、低廉的成本、丰富的资源，已经成为绝大多数互联网公司的首选关系型数据库。虽然性能出色，但所谓“好马配好鞍”，如何能够更好的使用它，已经成为开发工程师的必修课，我们经常会从职位描述上看到诸如“精通MySQL”、“SQL语句优化”、“了解数据库原理”等要求。我们知道一般的应用系统，读写比例在10:1左右，而且插入操作和一般的更新操作很少出现性能问题，遇到最多的，也是最...

回顾在MySQL的众多存储引擎中，只有InnoDB支持事务，所有这里说的事务隔离级别指的是InnoDB下的事务隔离级别。读未提交：一个事务可以读取到另一个事务未提交的修改。这会带来脏读、幻读、不可重复读问题。（基本没用）读已提交：一个事务只能读取另一个事务已经提交的修改。其避免了脏读，但仍然存在不可重复读和幻读问题。可重复读：同一个事务中多次读取相同的数据返回的结果是一样的。其避免...

Java内存模型（JMM）我们常说的JVM内存模式指的是JVM的内存分区；而Java内存模式是一种虚拟机规范。Java虚拟机规范中定义了Java内存模型（Java Memory Model，JMM），用于屏蔽掉各种硬件和操作系统的内存访问差异，以实现让Java程序在各种平台下都能达到一致的并发效果，JMM规范了Java虚拟机与计算机内存是如何协同工作的：规定了一个线程如何和何时可以看到由其...

Java内存模型，是这三个知识点当中最晦涩难懂的一个，而且涉及到很多背景知识和相关知识。网上有很多关于Java内存模型的文章，在《深入理解Java虚拟机》和《Java并发编程的艺术》等书中也都有关于这个知识点的介绍。但是，很多人读完之后还是搞不清楚，甚至有的人说自己更懵了。本文，就来整体的介绍一下Java内存模型，目的很简单，让你读完本文以后，就知道到底Java内存模型是什么，为什么要有Jav...

什么是幂等性？对于同一笔业务操作，不管调用多少次，得到的结果都是一样的。幂等性设计我们以对接支付宝充值为例，来分析支付回调接口如何设计？如果我们系统中对接过支付宝充值功能的，我们需要给支付宝提供一个回调接口，支付宝回调信息中会携带（out_trade_no【商户订单号】，trade_no【支付宝交易号】），trade_no在支付宝中是唯一的，out_trade_no在商户系统中是唯...

一.哈希表哈希表就是一种以 键-值(key-indexed) 存储数据的结构，我们只要输入待查找的值即key，即可查找到其对应的值。链式哈希表从根本上说是由一组链表构成。每个链表都可以看做是一个“桶”，我们将所有的元素通过散列的方式放到具体的不同的桶中。插入元素时，首先将其键传入一个哈希函数（该过程称为哈希键），函数通过散列的方式告知元素属于哪个“桶”，然后在相应的链表头插入元素。查找或删...