组件 布局 界面 效果
felx 弹性布局
一、设置在容器元素上的： 1、display:flex，以前经常用display:none来隐藏元素，而这里flex值的作用是将对应元素设置为弹性布局容器； 2、flex-direction，用于控制主轴的方向。在web上默认是row即横向，但在react native中默认是column即纵向；这 ......
网站界面设计——调研
免费免费网页模板网站 网站模板库 http://www.baisheng999.com/ 模板大全 http://www.htmlmbdq.com/ 第一模板网Free CSSFree CSS Templates https://www.11moban.com/ templatemo https:/ ......
C++ Qt开发：标准Dialog对话框组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍标准对话框`QInputDialog`、`QFileDialog `这两种对话框组件的常用方法及灵活运用。在 Qt... ......
React Native View 组件的 onLayout 回调函数
View 的布局发生改变的时候会触发 onLayout 函数，可以在布局发生变化的时候执行一些自定义操作，或者动态调整 UI 元素的样式和布局。 import React, { Component } from 'react'; import { View, Text } from 'react-n ......
DependencyInjection组件实现IOC控制反转（2）
目的：讲解DependencyInjection组件实现IOC的步骤 1、添加Nuget包：Micosoft.Extensions.DependencyInjection 2、创建容器： //创建容器 ServiceCollection services = new ServiceCollectio ......
网站水印效果
.page-header-warp { position: relative; } .page-header-warp::after { content: ""; z-index: 9; position: absolute; left: 0px; top: 0px; width: 100%; he ......
qt 折叠与展开 窗口，折叠列表，展开列表，抽屉效果，根据窗口大小自动产生滚动条
自定义折叠控件，h头文件 #ifndef QUESTIONBANKWIDGET_H #define QUESTIONBANKWIDGET_H #include <QWidget> #include <QVBoxLayout> #include <QHBoxLayout> #include <QToo ......
uniapp的editor组件在H5上无法点击的问题处理
uniapp开发的移动端H5和小程序，富文本框输入框使用了editor的组件在小程序端是运行正常的，但是在H5端出现了无法点击的情况，是好时坏 原因是H5端依赖远端的quill.min.js组件，该远端的组件偶尔会出现访问的情况文档上写的比较清楚，但是具体怎么写没有写的写的很具体 经常尝试，搞定。具 ......
C++ Qt开发：Tab与Tree组件实现分页菜单
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`tabWidget`选择夹组件与`TreeWidget`树形选择组件，的常用方法及灵活运用。 ......
MySQL 8 密码验证组件
验证密码（validate_password）组件通过要求输入账户密码和对潜在密码进行强度测试来提高安全性。在MySQL 8.0中，validate_password 插件是以 validate_password 组件的方式实现的。插件的方式仍然可以实用，但是已经过期，未来可能被移除。 valida ......
保存/恢复cxGrid布局
//恢复布局IniFileName := ExtractFilePath(Application.ExeName) + 'Layout/' + Self.Name + '.ini';if FileExists(IniFileName) thenSelf.tvResult.RestoreFromIni ......
C++ Qt开发：ToolBar与MenuBar菜单组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`ToolBar`工具栏组件以及与之类似的`MenuBar`菜单栏组件的常用方法及灵活运用。 ......
Ubuntu安装可视化界面
Ubuntu安装可视化界面 ubuntu版本20.4.1 升级ubuntu命令 sudo apt update sudo apt upgrade 安装ubuntu-desktop sudo apt install ubuntu-desktop 选择keep the local version cur ......
popper/tooltip 组件
在 element-plus 中，popper 组件是 tooltip、select、date-picker 等触发式弹出层组件的基础，有了它就可以封装各种类似功能的组件了。 popper 组件依赖于 floating-ui，是对 floating-ui 的高级封装。 最终效果展示 今天的完整代码放 ......
开源组件DockerFIle老是Build失败，如何解决
推荐把外网地址替换为国内高速镜像 # 替换源地址 http://dl-cdn.alpinelinux.org/alpine https://mirrors.aliyun.com/alpine https://repo1.maven.org/maven2 https://maven.aliyun.co ......
C++ Qt开发：DateTime日期时间组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`QDateTime`日期与时间组件的常用方法及灵活运用。在Qt中，日期和时间的处理通常使用 `QDateTime... ......
日期选择器（date-picker）组件
在工作中，经常需要使用日期选择器来让用户方便地选择日期。实现一个日期选择器组件。 先来看看今天要实现的效果 基础布局 popper 和日期选择器对应的元素 触发器：也就是输入框 弹出层：日期面板 看看下面的基础布局，为了简化对时间的操作，这里使用 dayjs date-picker.ts // da ......
2024 年最值得推荐的 7 个 Vue3 组件库
你好，我是 Kagol。 Vue 是一款易学易用，性能出色，适用场景丰富的渐进式 JavaScript 框架，深受广大开发者的喜爱，Vue3 更是推出了 Composition API，让逻辑复用更友好。 马上就到 2024 年了，如果你的项目正在使用 Vue3，或者打算升级 Vue3，以下 Vue ......
Sortable 拖拽排序组件实现原理
如果想要实现拖拽排序功能，有很多现成的库可以供使用，比如 Sortable.js（vuedraggable）、dnd-kit（react-dnd）等可以轻松帮助实现这一功能。 本文的目标不是介绍如何使用这些库，而是手动实现一个简单版的 Sortable 组件。通过本文的阅读，您将深入了解拖拽排序的核 ......
vue3Cron表达式组件
npm安装no-vue3-cron引入报错，就直接把代码拿来自己改了 no-vue3-cron仓库地址：https://github.com/wuchuanpeng/no-vue3-cron vue-cron.vue <style lang="scss"> .no-vue3-cron-div { . ......
Flutter 自带的搜索组件
效果如下 官方需要重写四个关键方法 class searchBarDelegate extends SearchDelegate<String> { /*这个方法返回一个控件列表，显示为搜索框右边的图标按钮，这里设置为一个清除按钮,并且在搜索内容为空的时候显示建议搜索内容，使用的是showSugge ......
十一、页面和组件生命周期函数
页面生命周期，即被@Entry装饰的组件生命周期，提供以下生命周期接口： onPageShow：页面每次显示时触发。 onPageHide：页面每次隐藏时触发一次。 onBackPress：当用户点击返回按钮时触发。（是手机下方的返回按钮，不是页面的路由返回） 建立两个page页面用于演示： pag ......
WPF实现边缘依靠效果
最近做的某个功能需要用到边缘依靠，WPF实现了下，效果如下 主要实现原理如下： 1、增加一块热点区域，鼠标进入时，触发显示动画，并隐藏热点区域 2、鼠标拖动或离开窗体，判断窗体离屏幕边缘的距离，符合条件的，触发隐藏动画，并显示热点区域 3、使用Window.Left属性进行窗体动画 需要注意的地方： ......
vue2子组件拷贝父组件传递的参数
在 Vue2 中，父组件向子组件传递参数时，如果参数是对象或数组（即非基本数据类型），那么子组件可以直接修改这个参数，这会影响到父组件的数据。如果你想避免这种情况，你可以让子组件对父组件的传参进行深度拷贝。这样，子组件就可以自由修改拷贝后的参数，而不会影响到父组件的数据。 这是一个例子，假设父组件向 ......
C++ Qt开发：ProgressBar进度条组件
ProgressBar（进度条）是在Qt中常用的用户界面组件之一，用于显示任务的完成进度。它通常以一个水平或垂直的条形图形式展示，表示任务已完成的比例。进度条组件提供了一种直观的方式来显示任务的进度，让用户清晰地了解任务的完成情况。其还可根据需要在水平或垂直方向上显示，以适应不同的界面布局。 ......
界面组件DevExpress VCL v23.2新功能预览 - 支持RAD Studio 12.0
本文即将发布DevExpress VCL 下一个主要更新（v23.2），在之前的文章中（点击这里回顾>>）我们为大家介绍了新的工具提示、图表空间中的标签重叠等，本文将主要介绍DevExpress VCL v23.2中将支持的RAD Studio 12.0、增强的图像选择器、字体和自定义图标包等。新版 ......
前端界面
规划页面结构：根据需求设计网站或应用程序的整体结构，确定页面之间的关联。 界面设计：使用设计工具（如Sketch、Photoshop等），设计页面的布局、颜色、字体等。 切图和素材准备：根据设计图将界面元素切割成图片，并准备好所需的图标、图片等素材。 编写HTML结构：使用HTML标记语言创建页面的 ......
关于响应式布局，你需要了解的知识点
大家好，我是树哥。 相信大家都知道我最近在学习前端知识，最近学到了响应式这块的内容。既然学到这块内容，那我必然会遵循「理论 - 实践 - 总结」的学习方法，这篇文章就是我对响应式知识的简单总结。 什么是响应式布局？ 响应式布局，就是根据不同设备展示不同的布局，以免更方便用户浏览页面。 举个很简单的例 ......
vue + Echarts项目中引用水波图效果
1、下载插件 npm install echarts --save npm install echarts-liquidfill --save 2、在main.js中引入 import * as echarts from 'echarts'; import 'echarts-liquidfill' ......
【活动回顾】Databend 云数仓与 Databend Playground 扩展组件介绍
2023 年 12 月 7 日，作为 KubeSphere 的合作伙伴，Databend 荣幸地受邀参与了 KubeSphere 社区主办的云原生技术直播活动。本次活动的核心议题为「Databend 云数仓与 Databend Playground 扩展组件介绍」，此次分享由 Databend La ......