1.C++ の 内存管理（二）std::unique_ptr源码浅析
2.UE4 代理（Delegate）源码浅析（2）
3.UE4 代理（Delegate）源码浅析（3）
4.Designable 应用和源码浅析
5.vue3.2 源码浅析：createApp、浅析源码mount
6.浅析源码 golang kafka sarama包(一)如何生产消息以及通过docker部署kafka集群with kraft

C++ の 内存管理（二）std::unique_ptr源码浅析

       本文主要阐述了C++标准库中的浅析源码unique_ptr内存管理机制。unique_ptr通过RAII（Resource Acquisition Is Initialization）原理，浅析源码提供了一种自动内存管理方式。浅析源码其内部实现关键在于一个tuple，浅析源码结合raw pointer和自定义deleter，浅析源码golangbuild源码分析确保栈上指针生命周期结束后，浅析源码自动释放堆内存。浅析源码unique_ptr的浅析源码独特之处在于它不可复制，只支持移动，浅析源码确保内存所有权的浅析源码单一性。

       unique_ptr的浅析源码核心是__uniq_ptr_impl类，它实现了raw pointer的浅析源码所有操作，包括获取raw pointer、浅析源码接受用户自定义deleter。浅析源码std::make_unique的源码直观展示了如何通过new操作内存分配，然后将新分配的内存传递给unique_ptr的构造函数，整个过程简洁明了。

       通过实例，我们可以看到unique_ptr在内存分配和释放上的优势。当使用make_unique时，它会调用new一次并分配内存，然后传递给unique_ptr，这样就只需要构造和析构各一次，实现了高效和安全的内存管理。

       总结来说，unique_ptr是C++后引入的智能指针，它利用RAII封装内存管理，提供了在栈上对堆内存的自动释放功能，避免了内存泄漏问题。通过unique_ptr，开发者可以更放心地进行内存操作，无需担心析构细节。

UE4 代理（Delegate）源码浅析（2）

       在探讨虚幻引擎（UE4）代理（Delegate）的源码时，本篇文章旨在深入解析静态多播代理与事件的集运系统 源码实现机制，以期为开发者提供更直观的理解。静态多播代理与静态单播代理在代码结构上有着诸多相似之处，本文将重点聚焦于静态多播代理的实现原理，同时简要介绍事件的底层机制。

       静态多播代理的主要实现在于使用单播代理的数组结构，通过将绑定函数加入数组中来实现多播效果。这一实现方式的核心在于TMulticastDelegate模板类，它通过类型重定义将传入的参数类型作为模板参数传给父类TBaseMulticastDelegate。TBaseMulticastDelegate提供了多种添加绑定函数的方法，最终通过调用AddDelegateInstance实现绑定函数的添加。

       在多播代理的执行阶段，通过遍历代理函数表（InvocationList）中的IDelegateInstance，执行保存的代理函数，实现了多播代理的广播效果。此外，多播代理的实现还涉及了线程安全的考虑，通过加锁和解锁操作来确保并发环境下的正确执行顺序。

       事件与多播代理在实现上高度相似，其底层机制同样基于多播代理的实现。通过在事件声明中引入友元概念，事件为特定类提供了访问权限，实际上，事件的实现与多播代理的实现原理相同，只是在访问控制上进行了特殊化处理。

       本章小结，本文针对静态多播代理的DECLARE_MULTICAST_DELEGATE_OneParam以及事件的DECLARE_EVENT_OneParam进行了详细解析，旨在帮助开发者深入理解这两种代理的实现机制。对于更深入的探究，开发者可以查阅源码，源码目录位于文章开头的指定位置。感谢您的阅读。

UE4 代理（Delegate）源码浅析（3）

       本文章仅为个人在学习虚幻引擎过程中的理解，可能存在不准确之处，如有错误，指标源码最好欢迎指正。

       本文将深入探讨虚幻引擎中的两种动态代理机制，并与静态代理进行比较。前两篇已详细介绍了静态代理和事件机制，本篇作为系列的终结篇，将重点解析动态代理。

       动态代理与静态代理的主要区别在于动态代理能够与蓝图进行交互。本文将通过分析源码，揭示动态代理实现与静态代理的区别。

       动态单播代理的实现基于宏DECLARE_DYNAMIC_DELEGATE_OneParam。宏接收三个参数：代理名、参数类型和参数名。宏使用BODY_MACRO_COMBINE辅助宏，将参数拼接为独一无二的名字，进而实现代理类的封装。

       执行代理方法通常涉及宏FUNC_DECLARE_DYNAMIC_DELEGATE，该宏接收多个参数，如弱指针类型、代理名、执行函数接口、参数类型列表、真正传给绑定函数的参数等。这些参数在执行函数接口中整合，实现动态代理的执行。

       动态单播代理的父类TBaseDynamicDelegate内部定义了TMethodPtrResolver，用于处理代理的绑定。__Internal_BindDynamic方法实现代理绑定功能。动态单播代理继承自TScriptDelegate，该类提供了与代理绑定相关的各种方法。

       动态多播代理的实现方式与静态多播相似，内部保存动态单播的数组，用于执行代理时调用数组中绑定的函数，实现多播效果。动态多播代理的烈马搜索源码宏为DECLARE_DYNAMIC_MULTICAST_DELEGATE_OneParam，其内部实现与动态单播代理类似。

       动态多播代理的父类TBaseDynamicMulticastDelegate提供了代理绑定的内部接口，如判断代理是否绑定、添加绑定、删除绑定等。动态多播代理继承自TMulticastScriptDelegate，该类定义了用于处理多播代理的数组实例。

       总结而言，动态代理与静态代理的架构类似，通过不同的参数配置和宏实现，实现了与蓝图的交互。动态代理在实现上更加灵活，支持多播和单播功能，为虚幻引擎提供了强大的事件处理能力。本文旨在提供动态代理的源码解析，帮助开发者更好地理解和使用虚幻引擎的代理机制。

Designable 应用和源码浅析

       本文基于 Designable 1.0.0-beta. 进行演示和分析，旨在提供对设计组件和源码的浅析。Designable 提供了丰富的功能和组件，以满足复杂应用需求。以下将对其中的几个关键特性进行详细介绍。

       首先，使用说明页面示例展示了集成代码组件的灵活性和便利性。在设计页面中，可以直观地嵌套和组合基础组件，实现高效且直观的界面构建。

       复杂组件如 FormCollapse 的实现是 Designable 的亮点之一。FormCollapse 支持添加 CollapsePanel，并允许用户通过拖拽功能将子组件添加到指定区域。这种动态布局和交互方式极大地提高了组件的适应性和灵活性。

       对于 JSON Schema 和 TreeNode 的互转，Designable 提供了高效的转换机制。这一功能使得数据结构的管理与操作更为便捷，适用于各种需要动态数据交换的react hook源码应用场景。

       深入探讨 Designable 的项目结构时，发现其基于 Lerna 的 monorepo 架构，包含多个独立但紧密关联的项目。主要包包括核心逻辑、React 组件、示例应用和设置表单等。这种结构确保了代码的可维护性和可扩展性。

       核心逻辑中，Designable 大量运用了 reactive 库，以实现组件间的响应式交互。在 models 中定义的类通过 define 命令实现响应式数据管理，确保数据变动时视图自动更新。React 组件通过 @formily/reactive-react observer 方法，将组件转变为响应式实体，确保每次视图渲染时，自动收集依赖并在依赖更新时重新渲染。

       SettingForm 作为设置表单的核心，通过订阅发布类 Subscribable 来管理事件处理。它记录事件处理函数，当发布事件时，会循环调用所有事件处理函数，传入事件对象供处理函数决策是否匹配，实现事件的高效响应与处理。

       Engine 类和相关图如 DragDropDriver 和 effect 初始化流程图展示了 Designable 在组件动态管理和交互优化上的设计思路。通过 driver 初始化流程，实现组件的拖拽功能，以及 effect 的初始化，确保应用的流畅性和交互性。

       在 Designable 中，修改组件属性的机制允许用户在运行时直接调整组件的配置，无需重新加载页面或进行复杂的编码操作，提高了开发效率和应用的动态适应性。

vue3.2 源码浅析：createApp、mount

       Vue3.2 源码浅析：createApp与mount功能解析

       在构建Vue3应用时，我们通常会用到createApp()和mount()这两个关键函数，它们负责初始化整个应用。这里以vue3.2版本的源码为基础进行分析。

       createApp()的核心代码揭示了其主要职责：首先，它处理初始化流程，包括3个主要步骤。这部分源码的精简版展示其功能核心。

       相比之下，mount()的代码更为繁杂，但总体上负责将应用实例与DOM挂载。以下是关键部分的概览：

app.mount()：它首先通过normalizeContainer()获取挂载点，然后调用自身的mount()。这两个mount()功能有别，但都与组件的挂载过程密切相关。

render()函数：这个函数在mount()中创建了VDOM的根节点，与我们日常使用的Vue.render()不同，它们在初始化时承担着构建视图的任务。

patch()函数：作为diff算法的一部分，它负责在初始化阶段，通过先序遍历创建Vue实例和VNode，并将它们与DOM节点紧密关联。

mountComponent()：这部分主要关注实例的创建、初始化以及数据和VNode的双向绑定。初始化流程涉及vue实例的构建，以及setupRenderEffect()的执行路径。

       通过以上分析，createApp()与mount()共同构建并挂载了Vue应用，确保了组件的正确渲染和交互。深入了解这两个函数有助于我们更好地掌握Vue3.2的内部运作机制。

浅析源码 golang kafka sarama包(一)如何生产消息以及通过docker部署kafka集群with kraft

       本文将深入探讨Golang中使用sarama包进行Kafka消息生产的过程，以及如何通过Docker部署Kafka集群采用Kraft模式。首先，我们关注数据的生产部分。

       在部署Kafka集群时，我们将选择Kraft而非Zookeeper，通过docker-compose实现。集群中，理解LISTENERS的含义至关重要，主要有几个类型：

       Sarama在每个topic和partition下，会为数据传输创建独立的goroutine。生产者操作的起点是创建简单生产者的方法，接着维护局部处理器并根据topic创建topicProducer。

       在newBrokerProducer中，run()方法和bridge的匿名函数是关键。它们反映了goroutine间的巧妙桥接，通过channel在不同线程间传递信息，体现了goroutine使用的精髓。

       真正发送消息的过程发生在AsyncProduce方法中，这是数据在三层协程中传输的环节，虽然深度适中，但需要仔细理解。

       sarama的架构清晰，但数据传输的核心操作隐藏在第三层goroutine中。输出变量的使用也有讲究：当output = p.bridge，它作为连接内外协程的桥梁；output = nil则关闭channel，output = bridge时允许写入。

husky 源码浅析

       解析 Husky 源码：揭示 Git 钩子的奥秘

       前言

       在探索 Husky 的工作原理之前，让我们先回顾一下自定义 Git Hook 的概念。通过 Husky，我们能够实现对 Git 钩子的指定目录控制，灵活地执行预先定义的命令。本篇文章将带领大家深入 Husky 的源码，揭示其工作流程和使用 Node.js 编写 CLI 工具的要点。

       Husky 工作流程

       从 Husky 的安装流程入手，我们能够直观地理解其工作原理。主要步骤如下：

       执行 `npx husky install`。

       通过 Git 命令，将 hooks 目录指向 Husky 提供的目录。

       确保新拉取的仓库在执行 `install` 后自动调整 Git hook 目录，以保持一致性。

       在这一过程中，Husky 通过巧妙地添加 npm 钩子，确保了新仓库在安装完成后能够自动配置 Git 钩子路径，实现了跨平台的统一性。

       源码浅析

       bin.ts

       bin.ts 文件简洁明了，核心在于模块导入语法和 Node.js CLI 工具的实现。它支持了导入模块的两种方式，并解释了在 TypeScript 中如何灵活使用它们。

       npm 中的可执行文件

       通过配置 package.json 的 `bin` 字段，我们可以将任意脚本或工具作为 CLI 工具进行全局安装，以便在命令行中直接调用。Husky 利用这一特性，为用户提供了一个简洁的安装流程和便捷的调用方式。

       获取命令行参数

       在 Node.js 中，`process.argv` 提供了获取命令行参数的便捷方式。通过解析这个数组，我们可以轻松获取用户传递的参数，实现命令与功能的对应。

       index.ts

       核心逻辑在于安装、配置和卸载 Git 钩子的函数。Husky 的代码结构清晰，易于理解。其中，`core.hooksPath` 的配置和权限设置（如 `mode 0o`）是关键步骤，确保了 Git 钩子的执行权限和统一性。

       husky.sh

       作为初始化脚本，husky.sh 执行了一系列环境配置和日志输出操作。其重点在于根据不同 Shell 环境（如 Zsh）进行适配性处理，确保 Husky 在各类环境中都能稳定运行。

       结语

       Husky 的实现通过 `git config core.hooksPath` 和 `npm prepare` 钩子的巧妙结合，不仅简化了 Git 钩子的配置流程，还提升了代码的可移植性和一致性。使用 Husky，开发者能够更灵活地管理 Git 钩子，提升项目的自动化程度。

vue3.2 源码浅析：watch、watchEffect、computed区别

       要理解Vue 3.2中watch、watchEffect、computed三者的区别，首先需要明确依赖收集和回调函数的概念。Vue应用启动时，会进行初始化操作，期间进行依赖收集；初始化结束后，用户修改响应式数据时，会触发回调函数。

       watchEffect()参数中的effect函数在应用启动期间会执行一次，进行依赖收集。watch()参数中的cb函数在应用启动期间默认不会执行，除非更改watch参数中的option值，使得两者等效。

       在初始化期间，computed()返回值被引用时，参数中的{ get}函数会执行；未被引用则不执行。这体现了computed()与watch、watchEffect的另一个区别。

       从执行时机上看，当被监听数据的值发生改变，computed()的回调函数会立即执行。watch()和watchEffect()的回调函数执行时机由option参数中的{ flush?: 'pre' | 'post' | 'sync' }决定。

       此外，computed()有返回值，并且返回值也会被监听；而watch()和watchEffect()没有返回值。

       接着，从源码的角度分析，无论是watch()还是watchEffect()，其实现都是通过调用doWatch()函数完成的。doWatch()函数创建依赖收集函数getter，创建调度函数scheduler，然后创建ReactiveEffect，并进行依赖收集。当修改被监听数据时，会触发schedule函数，根据{ flush}决定回调函数的执行时机。

       对于computed()，其源码从参数的option中获取getter和setter函数，返回一个ComputedRefImpl类型的对象。在构造函数中创建effect对象，但不进行依赖收集。依赖收集工作在调用get value()时完成。首次调用get value()后，修改被监听数据，会触发triggerRefValue(this)，进而通过get value()计算返回值。

       综上所述，了解Vue 3.2中watch、watchEffect、computed的区别，需要从原理和源码两方面入手。掌握这些知识点，有助于更深入地理解Vue的响应式系统和数据监听机制。