间距 组件css
记录--组件库的 Table 组件表头表体是如何实现同步滚动？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 在使用 Vue 3 组件库 Naive UI 的数据表格组件 DataTable 时碰到的问题，NaiveUI 的数据表格组件 DataTable 在固定头部和列的示例中，在键盘操作下表格横向滚动会有问题，本文是记录下解决问题的过程 ......
【7.0】前端基础之CSS案例
# 【7.0】前端基础之CSS案例 > 在设计页面的时候先用div划分页面，再去填充数据，再去填充样式  ## h ......
【5.0】前端基础之CSS进阶
# 【5.0】前端基础之CSS进阶 # 【一】分组与嵌套 ### 【1】分组 ```html Title 这是div标签 这是p标签 这是span标签 ``` > 上述方法，重复代码造成了代码的冗余 ```html Title 这是div标签 这是p标签 这是span标签 ``` ### 【2】嵌套 ......
【6.0】前端基础之CSS终章
# 【6.0】前端基础之CSS终章 # 【一】浮动带来的影响及解决办法 ## 【1】父标签塌陷 - 造成父标签塌陷的问题 ```html Title ``` - 内部元素因为浮动导致了外边框无法框柱内部元素 ## 【2】解决办法一 ```html Title ``` - 内部再创建一个子标签，给一个 ......
Vue内置缓存组件keep-alive
<el-tab-pane label="周边配套" :disabled=!gardenId name="five"> <keep-alive> <Surrour :gardenId="gardenId" v-if="activeName 'five'"/> </keep-alive> </el-ta ......
CSS|盒子模型
# CSS|盒子模型 > 因为最近实习，学的是这种玩意，老师文档写的不错，更点基础的东西。 ## 一. 盒子分类 每个元素都有默认的显示方式, 包括 - 块盒: 独占一行, 可以设置宽高 - 行盒: 不独占一行, 不能设置宽高(不生效)高度由字体大小撑开 显示方式是由display属性控制的 dis ......
CSS|常用CSS属性
## 一. 文本属性 ### 1 字体相关 #### 1) 大小font-size > 作用 设置字体大小 > 示例 ```css h1 { font-size:20px; } ``` #### 2) 字体font-family > 作用 设置字体 > 示例 ```css body { font-f ......
Jetpack Compose：开始使用组件
# 接上篇 https://www.cnblogs.com/develon/p/17417599.html # ``` import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout ......
Containerd组件 —— containerd-shim-runc-v2作用
1、概述 通过《浅析开源容器标准——OCI》、《浅析容器运行时》和《浅析Kubernetes CRI》这三篇博文我们了解了容器标准OCI、容器运行时以及Kubernetes CRI，在本文以当前最火的容器运行时containerd为例，讲解下它是如何运行和管理容器进程的。 在讲解containerd ......
CSS|常用CSS属性
# CSS|常用CSS属性 ## 一. 文本属性 ### 1 字体相关 #### 1) 大小font-size > 作用 设置字体大小 > 示例 ```css h1 { font-size:20px; } ``` #### 2) 字体font-family > 作用 设置字体 > 示例 ```css ......
自己封装可复用的echarts通用组件
分为两部分 组件chatModule.vue <template> <div ref="mybar" :style="{ width: width, height: height }"></div> </template> <script> export default { props: { //图 ......
java http大文件断点续传上传组件
我们平时经常做的是上传文件，上传文件夹与上传文件类似，但也有一些不同之处，这次做了上传文件夹就记录下以备后用。 首先我们需要了解的是上传文件三要素： 1.表单提交方式:post (get方式提交有大小限制,post没有) 2.表单的enctype属性:必须设置为multipart/form-da ......
CSS文字超出宽度---换行总结
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
2023-07-04 如何处理vue中不能监听到父传子组件props的变化
前言：父传值给子组件，子组件需要根据传进来的值进行watch监听props中的值并遍历插入一个值，然后同时子组件的页面会跟着渲染。 问题就是：子组件无法拿到watch更新的props值，比如传进一个list，然后通过watch来监听并在list里面加入一个新的值，前端页面拿不到新的值故而报错。 原因 ......
CSS|CSS基础
# HTML|CSS基础 ## 一. CSS简介 ### 1. 什么是CSS CSS(Cascading Style Sheets) ，通常称为CSS样式表或层叠样式表 ### 2. CSS的作用 CSS的作用就是用来规定每个HTML元素表现的样子, 比如 - 字体的大小 - 颜色 - 摆放位置.. ......
使用uni-app中的uni-popup-dialog组件编译成小程序会自动弹出键盘问题
1.uni-app中使用 uni-popup 和 uni-popup-dialog组件mode模式为input时，会自动把键盘弹出来，如图所示： 2.代码如下： <uni-popup type="dialog" ref="dialog"> <uni-popup-dialog mode="input" ......
SpringBoot SpringCloud Nacos等一些组件版本对应
毕业版本依赖关系(推荐使用)由于 Spring Boot 2.4+ 和以下版本之间变化较大，目前企业级客户老项目相关 Spring Boot 版本仍停留在 Spring Boot 2.4 以下，为了同时满足存量用户和新用户不同需求，社区以 Spring Boot 2.4 为分界线，同时维护 2.2. ......
VCL组件DevExpress VCL图表控件中文指南 - 如何实现值标签自定义？
DevExpress VCL拥有230+个VCL界面控件、40+个自定义设计的VCL应用主题，它能帮助您创建优异的用户体验，提供高影响力的业务解决方案，并利用您现有的VCL技能为未来构建下一代应用程序。 在刚更新的DevExpress VCL v23.1组件库中，包含了以下新的一些特性/功能： 增强 ......
vue通用的增删改查按钮组件
1. 代码复用：这个组件可以在多个页面或组件中使用，避免了重复编写相同的按钮代码。 2. 灵活性：通过`showButtons`属性，可以根据需要显示不同的按钮。默认情况下，它会显示添加、修改和删除按钮，但你也可以根据具体情况传递其他值来显示或隐藏按钮。 3. 可定制性：每个按钮都有自己的点击事件处 ......
前端Vue自定义精美上下滚动通告栏组件 常用于展示公告信息 上下滚动跑马灯 上下滚动广播
#### 前端Vue自定义精美上下滚动通告栏组件 常用于展示公告信息 上下滚动跑马灯 上下滚动广播,下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13318 #### 效果图如下: ![](https://p3-juejin.b ......
前端Vue自定义精美宫格菜单按钮组件 可设置一行展示个数 可设置成九宫格 十二宫格 十五宫格
#### 前端Vue自定义精美宫格菜单按钮组件 可设置一行展示个数 可设置成九宫格 十二宫格 十五宫格 ， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13315 #### 效果图如下： ![](https://p3-juej ......
【4.0】前端基础之CSS
# 【4.0】前端基础之CSS # 【一】什么是CSS - 层级样式表： - 就是给HTML标签添加样式的，让它变得好看 # 【二】注释语法 ```css /* 这是注释 */ ``` # 【三】CSS的语法结构 ```css 选择器 { 属性1:值1; 属性2:值2; 属性3:值3; 属性4:值4 ......
【一】CSS之引入
# 【一】CSS之引入 - 层叠样式表（`Cascading Style Sheets`），与HTML一样，也是一种标记语言 - 其作用就是给HTML页面标签添加各种样式，**定义网页的显示效果**，将网页**内容和显示样式进行分离**，提高了显示功能。 - 简单一句话就是，CSS的代码可以告诉浏览 ......
【五】CSS之元素种类
# 【五】CSS中的元素种类 ## 1 、行内元素[inline]： - 特点： - 同一个行内元素，可以一行多个，直到当前一行满行就会换行到第二行显示 - 行内元素默认是没有宽度与高度的，是依靠内容来支撑的。 - 行内元素是没有完整的边距的，只存在左右边距，没有上下边距。[边距就是元素与元素或元素 ......
【七】CSS之弹性布局
# 【七】CSS之弹性布局 ## 【1】什么是弹性布局 - 随着技术的发展，那么在当前市场上，安装浏览器的客户端越来越多，设备也越来越多，所以CSS提供的布局，不仅应用于PC端，还可以应用于移动端设备 - 例如：watch、ipad，mobile等，甚至包括机器人界面、智能屏、智能电视机、3D广告屏 ......
【二】CSS基本语法之选择符
# 【二】CSS基本语法之选择符 - 作为一门标记语言，css的语法也是比较简单的，主要由三部分构成：选择符，样式属性和属性值。 - css中的语法虽然简单，但是太多内容了，所以要学会css，就需要多背多写，掌握使用规律，懂得借助浏览器与css手册。 > 注意，在前端领域中，有些人会觉得css负责外 ......
【三】CSS之样式的优先级
# 【三】CSS之样式的优先级 ## 1 css样式的优先级 - css在使用过程中，因为很多的选择符有具有批量查找的特点，所以很容易出现样式污染的问题。 - 样式污染出现的原因是因为css代码编写过程中，因为引入方式、书写先后顺序以及选择符的优先级等问题导致的。 - 注意：样式污染并非不好，而是要 ......
css第五天
优先级的介绍特性:不同选择器具有不同的优先级，优先级高的选择器样式会覆盖优先级低选择器样式优先级公式:继承<配符选择<签选择器< 类选择器<d选择<内样式important注意点:!important写在属性值的后面，分号的前面!!important不能提升继承的优先级，只要是继承优先级最低!实际开 ......
Vue-CoreVideoPlayer 视频播放器组件
# 安装 ```python cnpm install -S vue-core-video-player ``` # 快速使用 ```python # 在main.js中 import VueCoreVideoPlayer from 'vue-core-video-player' Vue.use(V ......