间距 组件css
11 CSS盒子模型（重点）
##### 11 CSS盒子模型（重点） 盒模型是CSS的核心知识点之一，它指定元素如何显示以及如何相互交互。HTML页面上的每个元素都可以看成一个个方盒子，这些盒子由元素的content（内容）、padding（内边距）、border（边框）、margin（外边距）组成。 ![image](htt ......
10个有用的css编辑网站
10个有用的css编辑网站1、Neumorphism 官方网站：https://neumorphism.io/ 此网站不但可以为section或div生成软UI，还可以自定义border-radius、box-shadow等。 2、Shadows Brumm 官方网站：https://shadows ......
10 CSS边框属性
##### 10 CSS边框属性 1. border-style（边框风格） 定义边框的风格，值可以有： ``` /* none：没有边框，当border的值为none的时候，系统将会忽略[border-color] hidden：隐藏边框，低版本浏览器不支持。 dotted：点状边框。 dashe ......
下拉选择组件 指定搜索字段
show-search后可开启搜索模式。 把搜索的值内容改为optionFilterProp=label 想同时搜索label和value两个字段把label设置成label="v.roleName+v.roleId" <a-select ref="select" v-model:value="va ......
通过作用域插槽封装高级列表组件
### 1、应用范围 一个项目可能有多个页面用到了table，都是从后台请求数据进行渲染。分页。等通用功能。ui或许有些许不同，但是大部分都是重复的功能。所以看了官方文档，我们可以通过作用域插槽封装高级列表组件，一个组件通用所有项目。 ### 2、使用方式 * 封装通用组件 ```javascrip ......
CSS基础-边框和圆角
# 边框和圆角 ## 边框 CSS中用border 定义边框属性。 border语法：border:[宽度][样式][颜色] 其中： - 宽度：边框的宽度，单位可以使px、em、rem 等单位，也可以使用thin、medium、thick 三种预设值 - 样式：边框的样式，值可以是 solid(实线 ......
vue3父子组件通信小结
### 父子组件中的attrs props 理解/继承 首先，父组件可以给子组件传入属性、监听函数（类似onClick），class，style,id，总结起来就是大三类-**属性，监听函数，样式**！ 爷爷组件 -- 有两个监听函数 ```jsx import { computed, define ......
vue拖拽组件的使用（vuedraggable）
[vuedraggable官方文档链接](https://www.itxst.com/vue-draggable/tutorial.html)：https://www.itxst.com/vue-draggable/tutorial.html 按装 ``` npm i -S vuedraggable ......
炫酷loading css实现
## 实现效果  ## 代码 本文使用react实现，其他同理 index.js ``` import React ......
组件传值
父组件向子组件传值 props只能是父组件向子组件进行传值，props使得父子组件之间形成了一个单向下行绑定。子组件的数据会随着父组件不断更新。 props 可以显示定义一个或一个以上的数据，对于接收的数据，可以是各种数据类型，同样也可以传递一个函数。 props属性名规则：若在props中使用驼峰 ......
阿里相关组件-阿里Cola状态机相关
### 使用 ```txt State：状态 Event：事件，状态由事件触发，引起变化 Transition：流转，表示从一个状态到另一个状态 External Transition：外部流转，两个不同状态之间的流转 Internal Transition：内部流转，同一个状态之间的流转 Cond ......
Spring Cloud微服务网关Gateway组件
网关简介大家都都知道在微服务架构中，一个系统会被拆分为很多个微服务。那么作为客户端要如何去调用这么多的微服务呢？如果没有网关的存在，我们只能在客户端记录每个微服务的地址，然后分别去用。 这样的架构，会存在着诸多的问题：每个业务都会需要鉴权、限流、权限校验、跨域等逻辑，如果每个业务都各自为战，自己造轮 ......
9 CSS背景属性
##### CSS 背景属性 ##### 1. background-color（背景颜色） 页面的背景颜色有四种属性值表示，分别是transparent（透明），RGB十进制颜色表示，十六进制颜色表示和颜色单词表示。 属性使用： ``` /* background-color: transpare ......
css单行垂直居中，超过两行显示省略号
HTML： <div> <span>单行居中，多行居左单行居中，多行居左</span> </div> <div> <span>单行居中</span> </div> CSS: span { font-size:14px; overflow:hidden; text-overflow:-o-ellips ......
8 CSS文本属性
##### 8 文本属性 font-style（字体样式风格） ``` /* 属性值： normal：设置字体样式为正体。默认值。 italic：设置字体样式为斜体。这是选择字体库中的斜体字。 oblique：设置字体样式为斜体。人为的使文字倾斜，而不是去使用字体库的斜体字。 */ ``` font ......
CSS基础-定位
CSS中通常使用position 属性，决定元素的定位方式。 常用的定位方式通常有 | 值 | 意义 | | | | | relative | 相对定位 | | absolute | 绝对定位 | | fixed | 固定定位 | ## 相对定位 position 设置为 relative。 相对定 ......
7 CSS选择器优先级
##### 7 选择器优先级 所谓CSS优先级，即是指CSS样式在浏览器中被解析的先后顺序。样式表中的特殊性描述了不同规则的相对权重。 ``` /* !important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性 1 内联样式表的权值最高 style ......
6 CSS样式继承
##### 6 样式继承 CSS的样式表继承指的是，特定的CSS属性向下传递到子孙元素。总的来说，一个HTML文档就是一个家族，然后html元素有两个子元素，相当于它的儿子，分别是head和body，然后body和head各自还会有自己的儿子，最终形成了一张以下的家族谱。  |a:link |选择所有未被访问的链接。 | | | | | |[:visi ......
css 右上角三角形标签样式
<style> .box{ position: relative; height: 100px; width: 300px; border: 1px solid gray; box-sizing: border-box; } .sanjiao{ position: absolute; top: 0; ......
css 右上角标的效果
右上角 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>制作角标的方法</title> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/j ......
Vue的组件data为什么必须是一个函数?
vue中的data必须是函数是为了保证组件的独立性和可复用性。 实例是通过构造函数来创建的，每个构造函数可以new多个实例，每个实例都会继承原型上的方法和属性， 在vue中，一个vue组件就是一个vue实例，当一个组件被复用多次，就会创建多个实例。如果data是对象， 那么被多次复用的这个组件，在某 ......
技术组件-nginx-docker安装
### 安装 * 搜索版本 ``` docker search nginx ``` * 下载镜像 ``` docker pull nginx:1.22 ``` * 创建目录 ``` mkdir -p /data/docker/data/nginx/conf mkdir -p /data/docker ......
\\NSHA10320UAP.ubsglobal-prod.msad.ubs.net\data\部署包\组件全量0818\组件
com.yss.ams.bbzx-202308031009-V2.0.0.10.39-20221115.jar com.yss.ams.reportConfigSetting-20230714135143.jar com.yss.ams.ReportViewer-202308031009-V2.0. ......
树状选择组件
1、创建组件 <template> <!-- 遮罩层 --> <div class="mask" v-if="show"> <!-- picker--> <div class="content" :style="'height:' + height"> <div class="header"> <d ......
4 CSS属性选择器
##### 4 属性选择器 属性选择器是通过元素的属性及属性值来选择元素的。下面介绍属性选择器的用法。 1. 第一种用法 ``` 作用：选择含有指定属性的元素。 语法：[属性名]{} ``` 示例如下： ```html 属性选择器 用户名： 密 码： 数据量： ``` 运行结果： ![image]( ......
CSS 实现一个带弧边的区域
一、需求描述 在移动端的开发中，经常遇到下图这样的弧边设计 弧边其实有很多方案，但像上图这样的情况更适合用 border 实现，因为这样更方便封装为组件 二、初步实现 可以将页面顶部的区域看做一个大圆与页面的交集，基于这个思路就能开发出一个基本的 html 结构 <body> <div classN ......
Unity UGUI的Button组件的介绍及使用
# UGUI的Button（按钮）组件的介绍及使用 ## 1. 什么是UGUI的Button组件？ UGUI（Unity GUI）是Unity引擎中的一套用户界面系统，Button（按钮）是其中的一个常用组件。Button组件可以用于创建可交互的按钮，用户点击按钮时可以触发相应的事件。 ## 2. ......
webpack压缩 CSS 文件
转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack压缩 CSS 文件 压缩 CSS 文件需要使用到 optimize-css-assets-webpack-plugin插件 一、压缩 css 文件的核 ......