间距 组件css
Vue3 中的 expose的应用 - 限制对子组件实例的访问
我从3A平台购买了云服务器。如果你在开发一个开源的组件或库，你有可能想保持一些内部方法的私有性。在Vue 3.2之前，这并不容易实现，因为所有在选项API中声明的方法或数据等都是公开的，所以模板可以访问它。 组合API也是如此。我们从setup方法中返回的所有东西都可以被父类直接访问。 ### 组合 ......
界面组件DevExpress ASP.NET Core v23.1新版亮点 - 增强的数据可视化
DevExpress ASP.NET Core Controls使用强大的混合方法，结合现代企业Web开发工具所期望的所有功能。该套件通过ASP.NET Razor标记和服务器端ASP.NET Core Web API的生产力和简便性，提供客户端JavaScript的性能和灵活性。ThemeBuil ......
在CSS中创建一个遮罩层并阻止点击穿透的常见方案
使用 position: fixed 和 z-index：创建一个具有全屏尺寸的 <div> 元素，并将其设置为 position: fixed，top: 0，left: 0，width: 100%，height: 100%，然后使用 z-index 将其放在其他元素之上。通过设置透明度、背景颜色或 ......
手把手教你自定义自己SpringBoot Starter组件源码剖析
我们知道SpringBoot Starter也就是启动器。是SpringBoot组件化的一大优点。基于这个思想，基于这个思想SpringBoot 才变得非常强大，官方给我们提供很多开箱即用的启动器。 Spring Boot Starter 是 Spring Boot 的一个重要特性，它有以下优点： ......
前端Vue组件之仿京东拼多多领取优惠券弹出框popup 可用于电商商品详情领券场景使用
#### 随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 ......
学习swiper组件
swiper 介绍 Swiper是一款前端制作轮播图的插件 安装 cdn 可以进入https://www.swiper.com.cn/cdn/index.html 直接复制，一般使用4.0.1版本，复制下面两行，并且修改版本号即可。 <link rel="stylesheet" href="http ......
CSS基础知识（未完待续）
前言：从本篇开始记录css的一些基础知识，但不会涉及css3，以后会单独学习记录。 # 1 .CSS简介 html只关注了内容的语义，但并没有注意具体布局的美化以及样式，如果用html去设置的话，就会显得十分臃 肿，这时候就需要css来进行设置了。 CSS是层叠样式表的简称，有时候我们也会称之为cs ......
CSS基础
> 即 Cascading Style Sheets，它描述了网页的表现与展示效果 ### 1) 选择器 * type 选择器 - 根据标签名进行匹配（元素选择器） * class 选择器 - 根据元素的 class 属性进行匹配 * id 选择器 - 根据元素的 id 属性进行匹配 ### 2) ......
vue（五）CSS样式添加
Vue 具有三种样式化应用程序的方法： 外部 CSS 文件。 单文件组件（.vue 文件）中的全局样式。 单文件组件中组件范围的样式。 外部CSS 导入外部CSS文件 import "./assets/reset.css"; 单组件全局样式 <style> /* 全局样式 */ .btn { pad ......
vue（四）组件交互
Props Prop可以实现各组件间的数据传递（父组件传递数据给子组件），支持传递的数据类型可以是：基础数据类型、对象、函数。返回的数据类型是数组或对象时，默认值需要是函数。 使用方式如下： 1、在需传递的组件中（父组件），export需要传递的数据 2、在需传递的组件中（父组件），import 接 ......
Hive 组件（进阶中级）
## Hive 组件（进阶中级） ### 1. 实验一：Hive 组件部署 #### 1. 实验任务一：环境需求 ##### 1.1. 步骤一：解压安装文件 ~~~bash [root@master ~]# ls anaconda-ks.cfg jdk-8u152-linux-x64.tar.gz ......
大数据平台及组件安装部署
## 大数据平台及组件安装部署 ### 实验一：Hadoop 全分布部署 1. #### 实验任务一：Hadoop 集群验证 分布式集群搭建完成后，根据 Hadoop 两大核心组成，可以通过监测这 HDFS 分布式文件 系统和 MapReduce 来完成监测工作，通过以下步骤完成 Hadoop 集群 ......
Flume 组件安装配置
## Flume 组件安装配置 #### 1.1. 实验目的 ##### 完成本实验，您应该能够： ##### 掌握下载和解压 Flume ##### 掌握 Flume 组件部署 ##### 掌握使用 Flume 发送和接受信息 #### 1.2. 实验要求 ##### 了解 Flume 相关知识 ......
HBase 组件安装与配置
## HBase 组件安装与配置 #### 1.1. 实验目的 ##### 完成本实验，您应该能够： ##### 掌握 HBase 安装与配置 ##### 掌握 HBase 常用 Shell 命令 #### 1.2. 实验要求 ##### 了解 HBase 原理 ##### 熟悉 HBase 常用 ......
Sqoop 组件安装与配置
## 1.Sqoop 组件安装与配置 #### 1.1. 实验目的 ##### 完成本实验，您应该能够： ##### 下载和解压 Sqoop ##### 配置 Sqoop 环境 ##### 安装 Sqoop ##### Sqoop 模板命令 #### 1.2. 实验要求 ##### 熟悉 Sqoop ......
ZooKeeper 组件安装配置
## 1.ZooKeeper 组件安装配置 #### 1.1. 实验目的 ##### 完成本实验，您应该能够： ##### 掌握下载和安装 ZooKeeper ##### 掌握 ZooKeeper 的配置选项 ##### 掌握启动 ZooKeeper #### 1.2. 实验要求 ##### 了解 ......
Java实现浏览器端大文件分片上传组件
第一点：Java代码实现文件上传 FormFile file = manform.getFile(); String newfileName = null; String newpathname = null; String fileAddre = "/numUp"; try { InputSt ......
vue3 + elementplus tab组件动态切换，组件保存校验为空获取不到数据bug
需求是这样的，根据第一个tab里面的准入模式，如果是专业版，上面tab显示6个，如果是简易版，6个tab要隐藏后面两个，每个页面可以保存。 这里tab切换用的是elementplus组件就不多说了，然后每个组件里面嵌套的是对应的小组件，component动态切换，默认打开当前页面的时候，会通过接口统 ......
css动态生成多个class样式
在纯CSS中，无法动态生成多个类样式。CSS是一种静态样式表语言，它主要用于描述网页上元素的外观和布局，而不能在运行时动态生成类样式。 然而，你可以通过使用CSS预处理器（如Sass、Less等）或CSS-in-JS工具（如Styled Components、Emotion等）来在一定程度上实现动态 ......
2.vue-charts组件
1. vue-echarts和echarts的区别 · vue-echarts是封装后的vue插件， 基于 ECharts v4.0.1+ 开发，依赖 Vue.js v2.2.6+，功能一样的只是把它封装成vue插件 这样更方便以vue的方式去使用它。 · echarts就是普通的js库。 2. v ......
26.父组件接口慢导致子组件渲染不成功？
方案：可以用watch监听meta，在监听里面调用接口。这样就保证父组件传过来的值一定能接收到，无论接口的快慢。 步骤一：父组件 <template> <div> <zi-jian :meta='meta'></zijian> //绑定参数:meta </div> </template> <scri ......
2023-07-06 uview-ui组件u-checkbox设置label-disabled无效==》点击文本仍旧触发checkbox
解决方案：既然无效，那就给checkbox包裹的文本绑定一个点击事件，该点击事件使用.stop来阻止事件冒泡，这样点击文本就不会触发checkbox的change了，可以参考一下代码： <u-checkbox> <view @click.stop="stopBack"> </View> </u-ch ......
封装组件库 发布到npm仓库
1. 组件封装 src下新加package文件夹，用来存放组件，我们来封装一个按钮 2. 引入到app.vue 进行检验组件是否正常 3. 使用Vue插件模式 重点：用到了Vue提供的install公共方法，会在被调用也就是Vue.use(plugin)时被调用，这样插件就能全局注册 在packag ......
Vue 先初始化子组件再初始化父组件的方法（自定义父子组件mounted执行顺序）
> **写在前面：** > > * 本篇内容内容主要讲述了，在使用 `Konva` 进行开发过程中遇到的一些问题。（既然是组件加载顺序，主要牵扯到的就是，父子组件的关系，父子组件的生命周期） > > * 众所周知，`Vue`中父子组件生命周期的执行顺序为： > > ```javascript > / ......
vue2 - 父子组件在生命周期传值，无法获取数据
排查因素：是否是生命周期问题？ 情况：父组件mounted时期获取值传递给子组件，子组件无法在生命周期内获取！ 原因：生命周期创建流程为create(父）=>完整生命周期（子）=>mounted（等父生命周期），因此mounted在子组件生命周期之后，因此无法获取 解决：1.通过computed进行 ......
Mybatis-SQL分析组件
大促备战，最大的隐患项之一就是慢sql，带来的破坏性最大，也是日常工作中经常带来整个应用抖动的最大隐患，而且对sql好坏的评估有一定的技术要求，有一些缺乏经验或者因为不够仔细造成一个坏的sql成功走到了线上，等发现的时候要么是造成了线上影响、报警、或者后置的慢sql采集发现，这时候一般无法快速止损，... ......
第八节 CSS高级
# day08-CSS高级 > 目标：掌握定位的作用及特点；掌握 CSS 高级技巧 ## 01-定位 作用：灵活的改变盒子在网页中的位置 实现： 1.定位模式：position 2.边偏移：设置盒子的位置 * left * right * top * bottom ### 相对定位 **positi ......
CSS|动画与效果
## 一. 过渡 ### 1 什么是过渡 过渡可以为一个元素在不同状态之间切换的时候定义不同的过渡效果 ### 2 应用场景 当鼠标hover的时候, 有一个明显的突出效果, 但是又不会显得特别生硬 ![transition.gif](https://img2023.cnblogs.com/blog ......
[css]选择器，匹配以某个字符开头或结尾
1. ``` div[class$="-btn"]:active{ opacity:.8 } ``` 可匹配到div,class为“-btn”结尾的元素 2. ``` div:[id^="item-"]{ color:red } ``` 可匹配到div,id为“item-”开头的元素 ......
界面控件KendoReact PivotGrid组件，开启交互式数据探索新方式！
数据透视表将数据网格的功能与图形和图表的显示结合起来，允许用户以交互式的方式探索数据，今天将带大家一起学习如何开始使用KendoReact PivotGrid组件！ Kendo UI致力于新的开发，来满足不断变化的需求，通过React框架的Kendo UI JavaScript封装来支持React ......