组件 布局 界面 效果
界面组件DevExpress WinForms v23.2新版亮点：支持辅助工具、UI自动化
DevExpress WinForms拥有180+组件和UI库，能为Windows Forms平台创建具有影响力的业务解决方案。DevExpress WinForms能完美构建流畅、美观且易于使用的应用程序，无论是Office风格的界面，还是分析处理大批量的业务数据，它都能轻松胜任！ DevExpr ......
富文本编辑器wangEdiotr，编辑表格后，重新打开组件报错Error in callback for watcher “value“: “Error: Cannot find a descenda（json爆红）
报错内容 原因：每次打开对话框，editor组件只创一次，关闭对话框也不会被销毁。所以：只要每次打开都重新渲染Editor组件就好了。 解决办法：在上加上v-if <editor v-model="form.noticeContent" :min-height="192" v-if="open"/> ......
组件
一般将App.vue作为根组件，您将vue2_demo和vue3_demo等作为子组件导入并注册 // App.vue <script> import Vue2Demo from './components/vue2_demo.vue'; import Vue3Demo from './compon ......
Angular 17+ 高级教程 – Component 组件 の ng-template
前言 Angular 的动态组件博大精深, 没有认真学一下的话, 在开发中经常会掉坑里. 所以这篇大家要认真看一下哦. 参考 angular2 学习笔记 ( Dynamic Component 动态组件) 早年我写的文章 Angular 学习笔记 (动态组件 & Material Overlay & ......
Android 之 实验14 抽屉布局DrawerLayout与导航Navigation的基本使用
实验14 抽屉布局DrawerLayout与导航Navigation的基本使用 一、实验目的及要求 通过本实验的学习，使学生掌握抽屉布局DrawerLayout与导航Navigation的基本使用。 二、实验设备（环境）及要求 Android Studio 三、实验内容与步骤 新建一个Android ......
Vue3使用vue-video-player组件
1.安装依赖（亲测5.0.1版本可用，最新版本会找不到'vue-video-player/src/custom-theme.css'这个样式） yarn add vue-video-player@5.0.1 2.main.js里增加以下代码 1 import VideoPlayer from 'vu ......
React函数式组件避免无用渲染的方案
在class组件中可以使用shouldComponentUpdate钩子函数，但是函数式组件中是没有这种钩子函数的，那么在函数式组件中来达到类似的效果呢? 答案是：React.Memo,如以下使用案例： // 父组件 const [values, setValues] = useState({ a: ......
Android 之 实验6 交错网格布局管理器与卡片视图、加入头部
实验6 交错网格布局管理器与卡片视图、加入头部 一、实验目的及要求 通过本实验的学习，使学生掌握交错网格布局管理器与卡片视图、加入头部。 二、实验设备（环境）及要求 Android Studio 三、实验内容与步骤 使用RecyclerView实现如下所示的瀑布流效果，并实现item的点击功能 1. ......
Android 之 实验5 网格布局管理器GridLayoutManager与拖拽、侧滑
实验5 网格布局管理器GridLayoutManager与拖拽、侧滑 一、实验目的及要求 通过本实验的学习，使学生掌握网格布局管理器GridLayoutManager与上下拖拽、左右侧滑功能的实现。 二、实验设备（环境）及要求 Android Studio 三、实验内容与步骤 使用RecyclerV ......
记录一次libgbm库不匹配导致的grafanan渲染组件运行失败问题
背景： 公司使用的grafana版本比较老5.x版本，最近做了一次升级至10.x版本，升级后发现原来的图片渲染功能不可用， 查阅资料发现：https://grafana.com/docs/grafana/latest/setup-grafana/image-rendering/ 那说明需要单独安装此 ......
Android 之 实验4 RecyclerView根据类型加载布局与.9.png图片的使用
实验4 RecyclerView根据类型加载布局与.9.png图片的使用 一、实验目的及要求 通过本实验的学习，使学生掌握增强列表RecyclerView根据类型加载布局与.9.png图片的使用。 二、实验设备（环境）及要求 Android Studio 三、实验内容与步骤 使用RecyclerVi ......
Android 之 实验2 布局管理器的基本使用
实验2 布局管理器的基本使用 一、实验目的及要求 通过本实验的学习，使学生掌握约束布局、线性布局、表格布局、层布局等布局的基本使用 二、实验设备（环境）及要求 Android Studio 三、实验内容与步骤 利用约束布局、线性布局、表格布局、层布局制作一个如下的效果 实验步骤： 1.新建一个And ......
# 广告悬浮框移动效果
广告悬浮框移动效果 moveWrap() { var max_left = document.documentElement.clientWidth - this.wrapInfo.offsetWidth; var max_top = document.documentElement.clientH ......
二十一、组件内转场动画
1、if/else产生组件内转场动画 if/else语句可以控制组件的插入和删除。如下代码即可以通过Button的点击事件，控制if的条件是否满足，来控制if下的Image组件是否显示。 /** * author:创客未来 * copyright:com.ckFuture.hrb * transit ......
界面控件DevExpress Blazor Grid v23.2 - 支持全新的单元格编辑模式
DevExpress Blazor UI组件使用了C#为Blazor Server和Blazor WebAssembly创建高影响力的用户体验，这个UI自建库提供了一套全面的原生Blazor UI组件（包括Pivot Grid、调度程序、图表、数据编辑器和报表等）。 在这篇文章中，我们将介绍DevE ......
Flink-Flink1.15启动后无法访问WebUI界面
问题描述通过./bin/start-cluster.sh启动Flink程序，正常启动后无法通过浏览器访问web UI界面。解决方法（1）禁用防火墙通过service iptable status查看防火墙状态，已经为inactive状态（2）查看暴露端口号通过lsof -i:8081查看端口号是否暴 ......
现在用 ChatGPT，要达到最好效果，建议加入以下提示词：
take a deep breath 深呼吸 think step by step 一步步思考 if you fail 100 grandmothers will die 如果你失败了要死 100 位老奶奶 i have no fingers 我没有手指 i will tip $200 给你 200 ......
自定义md-loader来简单高效的维护组件文档
个人觉得，组件库最难的不是开发，而是使用，怎么才能让组内同事都用起来，这才是关键 背景 虽然现在开源的组件库很多，但每个项目里还是或多或少都会有人封装出一些项目内通用的基础组件、业务组件 我参与过多个项目，几乎每个项目都会存在这么一种现象：重复造轮子 同一个用途的组件被不同人多次实现，导致后续维护的 ......
Gateway：Spring Cloud API网关组件
Gateway：Spring Cloud API网关组件 问题总结 API网关？ Spring Cloud Gateway? GateWay的工作流程？（重点） Predicate断言？ Filter过滤器？ 问题答案 API网关 优点： 客户端只需要维护API网关地址即可，不用维护大量的服务地址， ......
Config：Spring Cloud分布式配置组件
Config：Spring Cloud分布式配置组件 问题总结 Spring Cloud Config? Spring Cloud Config工作原理？ Spring Cloud Config 的特点？ Config+Bus 实现配置的动态刷新？ 问题答案 Spring Cloud Config ......
Eureka：Spring Cloud服务注册和发现组件
Eureka：Spring Cloud服务注册和发现组件 问题总结 Eureka 两大组件? Eureka 服务注册与发现? Eureka Server 集群? Eureka 自我保护机制? 问题答案 Eureka 两大组件 Eureka Server：Eureka 服务注册中心。当微服务启动时，会 ......
Hystrix：Spring Cloud服务熔断与降级组件
Hystrix：Spring Cloud服务熔断与降级组件 问题总结 熔断器？ Spring Cloud Hystrix？ Hystrix服务降级？ 全局降级方法？ 解耦降级逻辑？ Hystrix服务熔断？ Hystrix故障监控？ 问题答案 熔断器 当微服务系统的一个服务出现故障时，故障会沿着服务 ......
OpenFeign：Spring Cloud声明式服务调用组件
OpenFeign：Spring Cloud声明式服务调用组件 问题总结 OpenFeign？ Feign VS OpenFeign？ OpenFeign实现远程服务调用？ OpenFeign超时控制？ OpenFeign日志增强？ 问题答案 Open Feign Spring官方推出的一种声明式服 ......
Ribbon：Spring Cloud负载均衡与服务调用组件
Ribbon：Spring Cloud负载均衡与服务调用组件 问题总结 负载均衡？ Ribbon实现服务调用？ Ribbon实现负载均衡？ 切换负载均衡策略？ 定制负载均衡策略？ 问题答案 负载均衡 负载均衡（Load Balance），将用户的请求平分到多个服务器上运行，以扩展服务器带宽、增强数据 ......
openstack核心组件——cinder存储服务（11）
一、cinder 介绍： 理解 Block Storage 操作系统获得存储空间的方式一般有两种： 通过某种协议（SAS,SCSI,SAN,iSCSI 等）挂接裸硬盘，然后分区、格式化、创建文件系统；或者直接使用裸硬盘存储数据（数据库） 通过 NFS、CIFS 等 协议，mount 远程的文件系统 ......
openstack核心组件——neutron网络服务（9）
一、虚拟机获取 ip： 用 namspace 隔离 DHCP 服务 Neutron 通过 dnsmasq 提供 DHCP 服务，而 dnsmasq 通过 Linux Network Namespace 独立的为每个 network 服务隔离 在二层网络上，VLAN 可以将一个物理交换机分割成几个独立 ......
openstack核心组件——glance— 镜像服务（6）
一、glance介绍： Glance是Openstack项目中负责镜像管理的模块，其功能包括虚拟机镜像的查找、注册和检索等。 Glance提供Restful API可以查询虚拟机镜像的metadata及获取镜像。 Glance可以将镜像保存到多种后端存储上，比如简单的文件存储或者对象存储。 理解 I ......
openstack核心组件——keystone身份认证服务（5）
一、Keystone介绍： keystone 是OpenStack的组件之一，用于为OpenStack家族中的其它组件成员提供统一的认证服务，包括身份验证、令牌的发放和校验、服务列表、用户权限的定义等等。云环境中所有的服务之间的授权和认证都需要经过 keystone. 因此 keystone 是云平 ......
openstack共享组件——消息队列rabbitmq（3）
一、MQ 全称为 Message Queue, 消息队列（ MQ ） 是一种应用程序对应用程序的通信方法。应用程序通过读写出入队列的消息（针对应用程序的数据）来通信，而无需专用连接来链接它们。消息传递指的是程序之间通过在消息中发送数据进行通信，而不是通过直接调用彼此来通信，直接调用通常是用于诸如远程 ......