〇、简介 1、什么是组合设计模式？ 一句话解释： 针对树形结构的任意节点，都实现了同一接口，他们具有相同的操作，可以通过某一操作来遍历全部节点。 组合模式通过使用树形结构来组合对象，用来表示部分以及整体层次。组合模式属于结构型模式，多用于递归。 官方意图描述：将对象组合成树形结构，以表示“部分-整体
## 简介 组合模式(Composite)是针对由多个节点对象（部分）组成的树形结构的对象（整体）而发展出的一种结构型设计模式，它能够使客户端在操作整体对象或者其下的每个节点对象时做出统一的响应，保证树形结构对象使用方法的一致性，使客户端不必关注对象的整体或部分，最终达到对象复杂的层次结构与客户端解
前言 组合模式，英文名称是：Composite Pattern。当我们谈到这个模式的时候，有一个物件和这个模式很像，也符合这个模式要表达的意思，那就是“俄罗斯套娃”。“俄罗斯套娃”就是大的瓷器娃娃里面装着一个小的瓷器娃娃，小的瓷器娃娃里面再装着更小的瓷器娃娃，直到最后一个不能再装更小的瓷器娃娃的那个
总览 产生"Element type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got"错误有多个原因： 在导入组件时，将默
我喜欢Vue 3的Composition API，它提供了两种方法来为Vue组件添加响应式状态：ref和reactive。当你使用ref时到处使用.value是很麻烦的，但当你用reactive创建的响应式对象进行重构时，也很容易丢失响应性。 在这篇文章中，我将阐释你如何来选择reactive以及r
## 中台框架前台项目 admin.ui.plus 的初识 > 基于 vue3.x + CompositionAPI setup 语法糖 + typescript + vite + element plus + vue-router-next + pinia 技术，内置支持一键生成微服务接口，适配手
title: vue3组件通信与props date: 2024/5/31 下午9:00:57 updated: 2024/5/31 下午9:00:57 categories: 前端开发 tags: Vue3组件 Props详解 生命周期 数据通信 模板语法 Composition API 单向数据
title: 理解Vue 3响应式系统原理 date: 2024/5/28 15:44:47 updated: 2024/5/28 15:44:47 categories: 前端开发 tags: Vue3.x TypeScript SFC优化 Composition-API Ref&Reactive
title: Vue 3 组件基础与模板语法详解 date: 2024/5/24 16:31:13 updated: 2024/5/24 16:31:13 categories: 前端开发 tags: Vue3特性 CompositionAPI Teleport Suspense Vue3安装 组件
其他章节请看： vue3 快速入门 系列 Pinia vue3 状态管理这里选择 pinia。 虽然 vuex4 已支持 Vue 3 的 Composition API，但是 vue3 官网推荐新的应用使用 pinia —— vue3 pinia 集中式状态管理 redux、mobx、vuex、pi
单页面应用（SPAs）当处理实时、异步数据时，可以提供丰富的、可交互的用户体验。但它们也可能很重，很臃肿，而且性能很差。在这篇文章中，我们将介绍一些前端优化技巧，以保持我们的Vue应用程序相对精简，并且只在需要的时候提供必需的JS。 注意：这里假设你对Vue和Composition API有一定的熟
本文主要讲解通过docker-compose创建haproxy并进行代理 一、haproxy简介 HAProxy是一款基于事件驱动、单进程模型设计的四层与七层负载均衡器，它能够在TCP/UDP层面以及HTTP(S)等应用层协议上实现高效的流量分发。HAProxy不仅适用于Web服务器负载均衡，还能应
由于要搭建一个ctf平台，用docker一键搭建是出现超时情况 用了很多办法，换源，等之类的一样没办法，似乎它就是只能用官方那个一样很怪。 只能用一种笨办法来处理了，一个个pull。 打个比如： 打开相对应docker-compose.yml文件 可以看到image就是需要去下载的。那么此时你就可以
目录一、点按手势1.1 Modifier.clickable1.2 Modifier.combinedClickable二、滚动手势2.1 滚动修饰符 Modifier.verticalScorll / Modifier.horizontalScorll2.2 可滚动修饰符 Modifier.scr
目录一、低级别动画 API1.1 animate*AsState1.2 Animatable1.3 Transition 动画1.3.1 updateTransition1.3.2 createChildTransition1.3.3 封装并复用 Transition 动画1.4 remeberIn
前言 ClickHouse 是一款开源的分布式列式数据库管理系统，专门设计用于高性能的大数据分析和查询。 目前项目中用到的一个场景是将mongo的数据同步到clickhouse，使用clickhouse做报表，后续也将分享同步和使用方案 使用 Docker Compose 部署单机版，小项目和自己测
https://www.cnblogs.com/gelandesprung/p/12112420.html#:~:text=docker-compose%E5%AE%8C%E5%85%A8%E6%B8%85%E9%99%A4%20%E9%80%9A%E8%BF%87yml%E6%96%87%E4%B
https://zhuanlan.zhihu.com/p/379305319 Docker-Compose 自动创建的网桥与局域网冲突解决方案 当我使用docker-compose的方式部署内网的harbor时。它自动创建了一个bridge网桥，与内网的一个网段(172.18.0.1/16)发生冲突
主要增加对容器创建 MySQL、Mongo 时对 数据文件，日志，配置，网络，时区，端口映射，密码 的配置，更贴合生产环境的实际使用
借助docker-compose，可以简单的完成elasticsearch8.x版本集群+kibana部署
