间距 组件css
React组件三大属性state，props，refs
1. React组件定义 1.1 函数组件（Function Components） 函数组件是一种简单的定义组件的方式，通过一个JavaScript函数来定义组件。函数接收一个props对象作为参数，并返回一个React元素作为输出。 1 <!-- 准备好一个“容器” --> 2 <div id= ......
Forms组件
forms组件有什么用 1.手动书写前端获取用户数据的html代码 渲染html代码 2.后端对用户数据进行校验 校验数据 3.对不符合要求的数据进行前端提示 展示提示信息 forms组件 能够完成的事情 1.渲染html代码 2.校验数据 3.展示提示信息 为什么数据校验非要去后端 不能在前端利用 ......
使用element-plus的el-pagination分页组件的时候怎么换中文？
element里面的分页是英文版的，但是项目需求是要中文的，可以用el-config-provider（切换系统语言）全局的配置选项，有locale属性，用来切换语言包 做法如下： 在main.js引入对应的包，代码如下： 1 import 'normalize.css/normalize.css' ......
记录--不定高度展开收起动画 css/js 实现
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 不定高度展开收起动画 最近在做需求的时候，遇见了元素高度展开收起的动画需求，一开始是想到了使用 transition: all .3s; 来做动画效果，在固定高度的情况下，transition 动画很好使，满足了需求，但是如果要考虑之后可 ......
css屏蔽图片长按选中下载
在移动端开发中，我们通常不希望页面的图片被长安选中可下载，会禁用图片选中事件，这时，css不能使用通配符全局设置 pointer-events:none; 否则会把所有点击事件禁用。 解决方案 img { box-sizing: border-box; -moz-user-select: none; ......
css border不能同时设置圆角和 border-image
如标题，css border不能同时设置圆角和 border-image，当我想要实现既有圆角，并给圆角加 border-image的时候，发现无法同时生效，只有 border-image会生效。 <!DOCTYPE html> <html lang="en"> <head> <meta chars ......
CSS精灵技术
一、CSS精灵 需求： 当用户访问一个网站时，需要向服务器发送请求，网页上的每张图像都要经过一次请求才能展现给用户。然而，一个网页中往往会用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接受和发送请求，这将大大降低页面的加载速度。为了有效地减少服务器接受和发送请求的次数，提高页面的 ......
React - 判断当前点击是组件的外部或内部
1.先获取当前要监听的那个组件的ref import React, { useRef } from 'react'; // 类组件获取 this.Ref = React.createRef(); // 函数组件获取 const Ref = useRef(); 2.通过addEventListener ......
spring基础之常用组件
# spring基础之常用组件 ## 一、基于xml注入bean 先看看我们在没有使用注解之前，最早使用xml进行bean的注入是怎么操作的呢？ 首先我们需要在项目中创建一个.xml文件然后使用bean标签注册一些组件。现在我们就以注册person这个bean进行举例。 先创建一个需要注册的bean ......
CSS :last-child选中不了元素
1.情况：当div：finaincingMark-right-item后还有div：sliderLine时，使用finaincingMark-right-item:last-child无法选中finaincingMark-right-item遍历后的最后一个div：finaincingMark-ri ......
CSS中实现元素居中的七种方法总结
在前端开发中，经常需要将元素居中显示，CSS提供了多种技术方法来实现元素的居中，在不同场景下有不同的使用方法、不同的效果，需要特别记住它们的应用场景才能够正常的居中。这篇文章就大致总结一下CSS中的居中方法。 一、元素分类 在CSS中，元素大致可以分为以下几种： 1.块级元素（Block-level ......
CSS font-weight
主要理解UI给得英文名 对应得数值 字体粗细：‘font-weight’属性名称： font-weight取值： normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900初始： nor ......
css grid布局(网格布局)笔记
## Grid 布局 ### 网格布局的基本概念 [CSS 网格布局](https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_grid_layout)引入了二维网格布局系统，可用于布局页面主要的区域布局或小型组件。 #### 什么是网格？ 网格是一 ......
前端Vue自定义手机号文本格式化组件手机号码文本转星号
#### 前端Vue自定义手机号文本格式化组件, 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13231 #### 效果图如下:  考虑下面的几个使用场景： a) 有多个功能页签，某个页签要玩家等级10级才可以切换过去，不满10级的时候，点击该页签提示：10级后开启 不可ToggleOn b) 合成道具的时候，最多勾选4个道具，选择第5个时，不能勾选上，且提示：最多选择4个道具 不可ToggleOn ......
【服务治理】基于SpringCloudAlibaba微服务组件的灰度发布设计(三)
一.背景 本文主要介绍在文章一和文章二的基础上,通过自定义灰度标记请求头的方式实现灰度标记的传递，以及基于指定用户id的服务端灰度发布设计 二.解决方案 1. 自定义灰度标记请求头方案 //TODO 2.基于用户指定用户id的服务端灰度发布方案 //TODO ......
vue组件-使用Vue.component全局注册组件
# 通过components注册的时`私有子组件` 例如： 在`组件A`的components节点下，注册了`组件F`。 则组件F只能用在组件A中；不能被用在`组件C`中。 # 注册`全局组件` 在vue项目的`main.js`入口文件中，通过`Vue.component()`方法，可以注册全局组件 ......
vue-组件-使用组件的三个步骤
# 组件之间的`父子关系`  # 使用组件的`三个步骤` ; rootcontrol.ControlParams["a"] = "ssss"; rootcontrol.Children.Add(new MControlPara ......
VUE框架组件中通信方式(3)
## useAttrs 使用方式类似于props传值，useAttrs既可以传数据，也可以传事件。 如果父组件给子组件传递的参数，在子组件中同时使用props和useAttrs获取，那么参数只在props中生效，也就是说props的优先级高于useAttrs。 示例代码如下： ``` // temp ......
CSS
# 第1章 CSS简介 ## 1.1 HTML的局限性 1. **HTML是一个非常单纯的东西，只关注内容的语义** ## 1.2 CSS—网页的美容师 1. **CSS是层叠样式表的简称。** 2. 有时我们也会称为CSS样式表和级联样式表。 3. CSS也是一种标记语言。 4. CSS主要用于设 ......
css居中（自己常用的，不全）
水平居中: 1.text-aligin:center 如果仅使用 text-align:center; 是无法达到水平居中的效果的，为什么？ text-align:center; 需要在行内块元素上使用的，而盒子是块级元素，所以，需要将盒子转换为行内块元素 text-align:center; 才能 ......