架构 组件k8s k8
用vue2封装轮播图组件
日常练习 用vue2封装轮播图组件，传入图片信息数组。 实现思想： 图片组添加translate动画，通过轮播到第几张图片作为参数，让图片组整体移动。 Carousel.vue <template> <div class="carousel"> <div class="carouselList"> ......
值得收藏：K8S的kubectl常用命令已经按场景分好类，请您查阅。
kubectl知多少 kubectl 是 K8S 中的一个命令行工具，主要用于管理和操作 K8S 集群。kubectl 通过向 K8S API 发送 REST 请求，允许用户与 K8S 集群中的各种资源进行交互，例如 Pod、Service、Deployment 等。kubectl 提供了一种简单而 ......
17、架构师面试题系列之Maven面试专题及答案（18题）
架构师面试题之Maven专题篇 一、Maven有哪些优点和缺点 优点如下：1.简化了项目依赖管理：2.易于上手，对于新手可能一个"mvn clean package"命令就可能满足他的工作3.便于与持续集成工具（jenkins）整合4.便于项目升级，无论是项目本身升级还是项目使用的依赖升级。5.有助 ......
AntD框架的upload组件上传图片时遇到的一些坑
title: 09-AntD框架的upload组件上传图片时遇到的一些坑 publish: true 前言 本次做后台管理系统，采用的是 AntD 框架。涉及到图片的上传，用的是AntD的 upload 组件。 前端做文件上传这个功能，是很有技术难度的。既然框架给我们提供好了，那就直接用呗。结果用的 ......
AntD框架的upload组件上传图片时使用customRequest方法自定义上传行为
title: 10-AntD框架的upload组件上传图片时使用customRequest方法自定义上传行为 publish: true 本次做后台管理系统，采用的是 AntD 框架。涉及到图片的上传，用的是AntD的 upload 组件。 我在上一篇文章《前端AntD框架的upload组件上传图片 ......
ubuntu 二进制部署k8s 1.22版本
1.环境准备 注：本次部署没有做master节点和node节点扩展操作，直接部署。 主机名称 IP地址 说明 软件 Master01 192.168.80.45 master节点 kube-apiserver、kube-controller-manager、kube-scheduler、etcd、 ......
云原生第一周--ubuntu2204使用containerd容器和kubeadm工具部署单master k8s集群
1 Kubernetes介绍 Kubernetes 是一个可移植、可扩展的开源平台，用于管理容器化的工作负载和服务，可促进声明式配置和自动化。 Kubernetes 拥有一个庞大且快速增长的生态，其服务、支持和工具的使用范围相当广泛。 Kubernetes它能做什么 服务发现和负载均衡 Kubern ......
组件化对话框
引用处 <template> <!-- 利用obj传递参数--> <Dialog :obj="data.permissionDialog" ref="permissionDialog"/> </template> <script setup> import Dialog from "@/compon ......
云原生第二周--使用kubeasz部署多master的k8s集群
1 k8s集群介绍 1.1 k8s单master架构 [ ] 单master节点的架构，通常只用于测试环境，生产环境绝对不允许；这是因为k8s集群master的节点是单点，一旦master节点宕机，将导致整个集群不可用；其次单master节点apiServer是性能瓶颈；从上图我们就可以看到，mas ......
SPQA：基于AI的架构
人工智能将在未来几个月和几年内做很多有趣的事情，这要归功于GPT之后的爆炸。但最重要的变化之一是更换我们现有的软件。 我们曾经使我们的业务适应软件的局限性。在这个模型中，软件将适应我们开展业务的方式。 基于人工智能的应用程序将与我们今天拥有的应用程序完全不同。新架构将是一个更加优雅的基于GPT的四组 ......
11-react使用props.children 处理父子组件之间的传值
// props.children 组件传值 import { Component } from "react" import reactDom from "react-dom" // 床架一个 createRef 函数 用来创建 ref 对象 const Hello = (props) => { ......
10-react不同层级的组件之间的数据传递数据 createContext 上下文
// 组件传值 props 接收传递过来的数据 import ReactDom from "react-dom" import { createContext, Component } from "react" // createContext is useed to create a contex ......
09-react的组件传值 props
// 组件传值 props 接收传递过来的数据 import ReactDom from "react-dom" import { Component } from "react" // 类组件中使用函数组件 和 类组件 注意区分不同的组件使用不同方式接收数据 const Hellow = (pro ......
Django的message组件(源码分析)
Django的Message组件(源码分析) 1. 配置 # MESSAGE_STORAGE = 'django.contrib.messages.storage.fallback.FallbackStorage' # MESSAGE_STORAGE = 'django.contrib.messag ......
K8s报错：[preflight] WARNING: JoinControlPane.controlPlane settings will be ignored when control-plane flag is not set.
一、报错信息 [preflight] WARNING: JoinControlPane.controlPlane settings will be ignored when control-plane flag is not set.[preflight] Running pre-flight ch ......
Django4全栈进阶之路23 项目实战（报修类型表）：应用程序命名空间app_name和分页组件paginator
1、应用程序命名空间app_name from django.urls import path from . import views from .views import RepairDetailView app_name = 'repair' urlpatterns = [ path('repa ......
06 - react的类组件中的状态state render函数 this指向问题 事件绑定
// 注册事件 import ReactDom from "react-dom" import { Component } from "react" // 类组件中的状态 通过 this.state.xxx 来获取状态 class Hello extends Component { // 事件对象 ......
react的类组件和函数组件 -- 状态 state
// 函数组件是无状态的 既没有数据的 类似 vue 组件中的 data 数据 // 类组件是有状态的组件 是有数据的 是双向绑定的数据 是数据驱动视图的 负责UI的视图更新 （单个组件的私有数据组件之间的数据是独立的） import ReactDom from "react-dom" import ......
【带DC引脚SPI屏】STM32L010K8超低功耗单片机软件模拟SPI驱动ST7567点阵屏12864示例
显示屏驱动芯片多种多样，有的不带DC，通过接收的数据的某个特定位确定是命令还是数据，比如常见的12864 移植案例在 【不带DC脚的spi屏】STM32F103C8移植u8g2 在软件模拟spi模式下驱动st7920带字库 的12864显示屏 - 不打鱼光晒网 - 博客园 (cnblogs.com) ......
三层架构
1.导入jar 包（mysql、spring、junit、druid、spirng-jdbc） <dependency> <groupId>org.springframework</groupId> <artifactId>spring-context</artifactId> <version>5 ......
vue2源码-十七、Vue组件间传值的方式及之间区别
Vue组件间传值的方式及之间区别 通过props传递：父组件传递数据给子组件 使用 // chilid,vue props:{ // 字符串形式 name:String // 接收的类型参数 // 对象形式 age:{ type:Number, // 接收的类型为数值 defaule:18, // ......
Keepalived+Nginx架构配置
Keepalived介绍 keepalived是一个类似于layer3, 4, 5 交换机制的软件，也就是我们平时说的第3层、第4层和第5层交换。Keepalived的作用是检测web服务器的状态，如果有一台web服务器死机，或 工作出现故障，Keepalived将检测到，并将有故障的web服务器从 ......
ReactNative 桥接原生原子组件（二）
在上文 ReactNative 桥接原生原子组件（一）中介绍了在 JS 层如何桥接原生层组件以及封装原生组件的属性，那如何封装原生组件的方法呢？ ♦ 原生组件回调 JS 层方法 指的是一个事件发生在原生层，从原生层把事件传递到 JS 层 接下来要在上文的 demo 中添加一个小的需求，点击一个按钮， ......
element ui抽屉组件蒙版取消后，左侧内容可点击，可处理
element ui抽屉组件都在用，然后需求提了一个底部蒙版不要，左侧正常点击，输入框正常输入，滚动正常滚动。 在做的时候发现蒙版去了只是将当前蒙版的透明度更改了而已，蒙版还是在的，左侧依然点击不了 后来想想把蒙版的宽度处理一下跟抽屉的宽度一样不就行了吗？ 说做就做 抽屉上定义class，这个cla ......
RocketMQ(三)：架构设计
官网地址：RocketMQ官网架构设计地址。 一、技术架构 1.1、RocketMQ整体技术架构图 1.2、技术架构的组成 RocketMQ从技术架构上分为四部分，分别为Producer(生产者)、Consumer(消费者)、BrokerServer(服务实例)、NameServer(Topic路由 ......
vue 好用的日期组件
1、官网 https://hxkj.vip/calendar/#/disabled-date 2、记录下自己的使用 （1）效果图 （2）页面部分 点击查看代码 <div class="data_popup"> <nut-popup position="bottom" v-model:visible= ......
jmeter之 随机变量 组件
随机变量界面详解 添加随机变量组件的操作：选中“线程组”右键 —> 添加 —> 配置元件 —> 随机变量。 随机变量界面如下： 随机变量组件的详细说明： 名称：随机变量组件的自定义名称，见名知意最好。注释：即添加一些备注信息，对该随机变量组件的简短说明，以便后期回顾时查看。变量名称（Variable ......
Ant Design - 组件之 Tree树形控件
Ant Design - 组件之 Tree树形控件 针对tree树形组件封装了一个树形组件 1.组件ui 2.组件名称 ThemeCatalog 上面是image目录中的svg 3.组件代码 index.js import React, {useEffect, useState} from 'rea ......
【HarmonyOS】元服务WebView组件 H5使用localstorage
在日常开发中我们会在应用种接入H5网页，localStorage作为H5本地存储web storage特性的API之一，主要作用是将数据保存在客户端中。对于快速开发元服务，通过WebView组件运行H5如何使用localstorage呢？下文以API7 JavaUI为例为大家做相关的讲解。 【实现步 ......