dependency组件component injection
若依关闭页签不会销毁 keep-alive 缓存的组件
问题场景 使用 keep-alive 缓存的组件。离开该页签时，组件状态为 inactive；点击该页签时，组件状态为 active。 点击按钮关闭该页签 this.$tab.closePage(view)，该组件被销毁。 需求：在页面A中删除数据B，则之前点击数据B打开的页签C会被关闭（使用 th ......
vue项目中使用的移动端的签名组件，纯 js 写的
<template> <section> <div class="sign-wrap"> <div class="main"> <div class="box" style="width: 100%;height: 100%"> <!-- <vue-esign ref="esign" :width= ......
k8s组件、工作原理详解
1.k8s组件 Master 组件：kube-apiserver（API Server）: 角色： 提供集群的唯一入口，处理所有 API 请求。 原理： 接收来自客户端（kubectl、UI 界面）和其他组件的请求，验证和授权请求，然后将其转发到其他组件或更新 etcd 中的数据。etcd: 角色： ......
巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）
问题描述 有一个简单的表格，产品要求实现双击可编辑 看了一下网上的帖子，大多数都是搞两部分dom，一块是输入框，用于编辑状态填写；另一块是普通标签，用于在不编辑显示状态下呈现单元格文字内容。再加上一个flag标识搭配v-if和v-else去控制编辑状态、还是显示状态。大致代码如下： <el-tabl ......
elementUI 的el-dialog作为子组件，父组件如何控制其关闭的按钮
这里有三点需要说明： 1. 使用：before-close="closeHandle" 将其 $emit() 出去 2. 取消按钮 也需要$emeit出去 3. 控制对话框显示隐藏的变量需要props给父组件来传值，这个相当重要，不然控制不了对话框的显示隐藏 4.1,2步骤是为了在子组件不再重复操作 ......
十八、组件-容器组件-column、row、flex
@Entry @Component struct ColumExample { build() { Column({space:10}) { Column() { Column().width('50%').height(30).backgroundColor(Color.Blue) Column( ......
官宣！DevExpress Blazor UI组件，支持全新的.NET 8渲染模式
DevExpress Blazor UI组件使用了C#为Blazor Server和Blazor WebAssembly创建高影响力的用户体验，这个UI自建库提供了一套全面的原生Blazor UI组件（包括Pivot Grid、调度程序、图表、数据编辑器和报表等）。 .NET 8为Blazor引入了 ......
C++ Qt开发：StandardItemModel数据模型组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`StandardItemModel`数据模型组件的常用方法及灵活运用。`QStandardItemModel` ... ......
vue3 + vant4 ：form表单中，搭配 Popup 和 Field 实现vant-picker组件，设置默认值及默认选中--踏坑
环境：vue3，vant4 背景：Picker 作为用于辅助表单填写，搭配 Popup 和 Field 。页面需要给picker设置默认值，city为温州，但是在popup弹出时，picker没有选中温州这个选项，还时停留在杭州。 解决方案： 看了很多解决方案，设置default-indexset ......
Qt在ui界面设置组件样式，styleSheet属性
QGroupBox { border: 3px solid red; border-radius: 15px; } QGroupBox#groupBoxBtns { border: 3px solid green; border-radius: 5px ; } QPushButton { borde ......
记录--Vue自动生成组件名
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 unplugin-generate-component-name 一款用于以文件夹名或者setup标签写入名字来自动生成Vue组件名的插件。 项目地址 功能 💚 支持 Vue 3 开箱即用。 ⚡️ 支持 Vite、Webpack、Rsp ......
基于vue3和elementplus实现的自定义table组件
基于vue3和elementplus实现的自定义table组件，集成查询工具栏分页，可通过配置直接实现基础的列表页基于vue3和elementplus实现的自定义table组件，集成查询工具栏分页，可通过配置直接实现基础的列表页 目录结构如下： 类型声明： declare type DictType ......
Maven-Introduction to the Dependency Mechanism | Maven实战--- dependencies与dependencyManagement的区别
Maven – Introduction to the Dependency Mechanism https://maven.apache.org/guides/introduction/introduction-to-dependency-mechanism.html#:~:text=The de ......
C++ Qt开发：StringListModel字符串列表映射组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`QStringListModel`字符串映射组件的常用方法及灵活运用。`QStringListModel` 是 ... ......
Flutter Key 以及通过Key获取子组件的状态和方法
import 'package:flutter/material.dart'; class ColorItem { GlobalKey key; Color color; //设置子组件的key，这里用的GlobalKey，用来后面获取子组件 //如果不用获取子组件，也可以用Valuekey Col ......
【UniApp】-uni-app-自定义组件
前言 经过上个章节的介绍，大家可以了解到 uni-app-网络请求的基本使用方法 那本章节来给大家介绍一下 uni-app-自定义组件 的基本使用方法 原本打算是直接写项目的，在写项目之前还有个内容需要我在码一篇文章，所以就先码这篇文章了 本章节的内容比较简单，大家可以快速的过一遍，然后在项目中使用 ......
C++ Qt开发：StatusBar底部状态栏组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`QStatusBar`底部状态栏组件的常用方法及灵活运用。`QStatusBar` 是 Qt 中用于在主窗口底部... ......
依赖倒置原则 Dependence Inversion
一、定义 高层模块不应该依赖底层模块 二者都应该依赖其抽象 二、特点 抽象不应该依赖细节，而细节应该依赖抽象 针对接口编程，而不要针对实现编程 尽量每个类都实现自接口或继承父类 三、优点 减少类间的耦合性 提高系统稳定性 提高代码可读性和可维护性 降低修改程序所造成的风险 四、举例 ......
PCA(Principal Components Analysis)主成分分析: 一维列向量坐标的变换是左乘变换矩阵 而 一维行向量的坐标系基元的变换 是 右乘变换矩阵
总结： 一维列向量的 坐标变换是 左乘变换矩阵； 一维行向量的 坐标系基元变换 是 右乘变换矩阵； 坐标变换 坐标变换定义：把一个向量(或一个点)从一个高维(或3D)坐标系，转换到另一个高维(或3D)坐标系去。 举个栗子：东北天坐标系上的点A坐标为 (1, 2, 3)，通过坐标变换到北西天坐标系，点 ......
鸿蒙开发之容器组件
容器组件类似于flex的布局， 不过这里是固定Column 是纵向 Row是横向 当然， 也提供了很多的flex相关的属性封装 如何设置？ 第一种是 Row() { Text($r(…)) Text($r(…)) } .justifyContent(FlexAlign.SpaceBetween) / ......
鸿蒙开发之系统基础组件
应用page的组成部分是 组件组成的， 系统提供了很多的组件 Image/Text Image组件 Image($r('app.media.logo')) .width(78) .height(509) 使用string 设置 .width('78vp') // vp vm的像素单位 使用定义资源j ......
components之infiniteScroll 注意事项
先吐槽，看官方示例代码看的一头雾水 使用方式： 1.按官方文档来 <InfiniteScroll ref={ref} style={{ backgroundColor: '#ffffff' }} hasMore={hasMore} loadMore={loadMore} data={list} ke ......
使用 Amazon Fault Injection Service 演示多区域和多可用区应用程序弹性
Amazon Fault Injection Service（FIS）可帮助您将混沌工程大规模付诸实践。今天，我们推出了新的场景，这些场景可以让您演示在亚马逊云科技可用区完全断电，或从一个亚马逊云科技区域到另一个亚马逊云科技区域的连接中断时，您的应用程序是否按预期运行。 ......
el-upload组件报TypeError: Cannot create property ‘uid‘ on string错误解决方法
今天发现使用el-upload上传文件,上传没有问题,点详情看文件时就会报一个错误,错误如下:TypeError: Cannot create property ‘uid’ on string ‘https://xxxx.com/upload/20230506/1683346602758.png’ ......
vue2加载远程组件
<template> <div class="async-component"> <div @click="child">hahah</div> <component ref="test" :is="remote" v-if="remote" :test="test" @handler="haha" ......
【前端VUE】VUE通信组件学习（附源代码）
props props可以实现父子组件通信，不管是在vue2或者vue3，props数据还是只读的！！！不能直接修改其值；在vue3中，我们可以通过defineProps获取父组件传递的数据，且在组建内部不需要引入defineProps方法可以直接使用，如下面例子 Parent.vue //父组件 ......
React中在非组件中获取到路由信息
1. 安装history包：yarn add history 2. 创建 utils/history.js文件 3. 在app.js中使用我们新建的路由并配置history参数 4. 通过响应拦截器处理 token 失效，如果发现是401调回到登录页 代码实现 utils/history // ht ......
十七、组件-基础组件-Button
Button 按钮组件，可快速创建不同样式的按钮。 方法1：Button(options?:{type?:ButtonType,stateEffect?:boolean}) 方法2：Button(label?:ResourceStr,options?:{type?:ButtonType,stateE ......
十六、组件-通用属性-位置设置
位置设置 设置组件对齐方式、布局方向和显示位置。 align：设置元素内容在元素绘制区域内的对齐方式。 direction：设置元素水平方向的布局。 position:基于父容器的定位 markAnchor：相对于自身的定位，x正数代表左移，负数代表右移；y正数代表上移，负数代表下移。 offset ......