间距 组件css
从0到1构造自定义限流组件
在系统高可用设计中，接口限流是一个非常重要环节，一方面是出于对自身服务器资源的保护，另一方面也是对依赖资源的一种保护措施。比如对于 Web 应用，我限制单机只能处理每秒 1000 次的请求，超过的部分直接返回错误给客户端。虽然这种做法损害了用户的使用体验，但是它是在极端并发下的无奈之举，是短暂的行为... ......
修改el-submenu子组件el-menu-item宽度
今天遇到老板要求，改el-menu子组件的宽度跟父组件的大小匹配。改的时候完全找不到元素改不了。然后看了一篇博客。 在css中添加如下代码： .el-menu--collapse .el-menu .el-submenu, .el-menu--popup{ min-width: 120px!impo ......
前端面试题（css）
1.css选择器（1）简单选择器（元素，Id，类来选取元素，通配选择器）（2）组合选择器（根据它们之间的特定关系来选取元素）（3）伪类选择器（根据特定状态选取元素）（4）伪元素选择器（选取元素的一部分并设置其样式）（5）属性选择器（根据属性或属性值来选取元素）2.层叠顺序 当为某个 HTML 元素指 ......
[CSS 3] CSS Specificity
So higher rank css will override lower rank css rules. Inline styles will override any other css rules. h1:not(.small-text) // 0011 - :not is not coun ......
会议室预定系统代码源码（php+css+js+mysql） 完整的代码源码，系统使用B/S架构。
会议室预定系统代码源码（php+css+js+mysql） 完整的代码源码，系统使用B/S架构。优化过的界面，由管理员进行预定会议室操作。推荐使用phpstudy+ navicat搭建和管理项目！服务：提供现成代码，提供环境搭建相关文档。这是一个会议室预定系统的代码源码，使用了PHP、CSS、JS和 ......
选题系统代码源码（php+css+js+mysql） 完整的代码源码，系统使用B/S架构。
选题系统代码源码（php+css+js+mysql） 完整的代码源码，系统使用B/S架构。优化过的界面，拥有管理员、审核员、教师和学生这四种身份登录方式和对应功能，功能齐全。推荐使用phpstudy+ navicat搭建和管理项目！服务：提供现成代码，提供环境搭建相关文档。选题系统代码源码是一套完整 ......
图书馆管理系统代码源码（php+css+js+mysql） 完整的代码源码，系统使用B/S架构。
图书馆管理系统代码源码（php+css+js+mysql） 完整的代码源码，系统使用B/S架构。优化过的界面，拥有管理员和普通用户，普通用户可注册登录，管理员可登录，功能齐全。管理员可管理普通用户，增加其他管理员，增添图书，借还书操作，查看已还书。普通用户，可在线查看现有图书，和自己已借图书。推荐使 ......
vue学习第18天 css --- 移动web开发 （单独/响应式、常见布局【单独：流式、flex、rem适配、混合 / 响应式：媒体查询、bootstarp框架】）
学习目标： 目录： 移动端基础 1、浏览器现状 2、手机屏幕现状 3、常见移动端屏幕尺寸 查看地址： https://www.strerr.com/screen.html 注：作为前端开发，不用纠结dp，dpi, pt, ppi等单位。 4、移动端调试方法 5、总结 视口 视口：就是浏览器显示页面内 ......
vue 学习第17天 CSS学习 ---- 浏览器私有前缀 + css3阶段总结
浏览器私有前缀是为了兼容老版本的写法，比较新的浏览器无需添加 1、私有前缀 2、提倡的写法（私有前缀+属性） 总结： CSS3学习的 五个大方面 ......
封装svg通用组件
1. 安装`vite-plugin-svg-icons`插件 ``` pnpm i vite-plugin-svg-icons -D ``` 2. 在main.ts中引入`vite-plugin-svg-icons` ```tsx import 'virtual:svg-icons-register ......
vue学习过程中 遇到的问题 CSS塌陷 ----- 高度塌陷和外边距塌陷
1、高度塌陷 原因：父元素没有设置高度，子元素设置浮动属性（float:left）之后，父元素的高度为0.*** <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compati ......
vue学习第16天 CSS---3D转换 （translate3d 3d移动、3D旋转 rotate3d、transform-style 是否开启3d环境）
3D转换 转换： 1）3d移动 translate3d 2）3d旋转 rotate3d 3D的特点： 1）近大远小 2）物体后面遮挡不可见 3D转换：我们工作最常用的 3D位移 和 3D旋转 主要知识点： 1、三维坐标系 （z轴，z外(屏幕)+，z内（屏幕）-） 三维坐标系其实就是指立体空间，立体空 ......
vue学习第15天 CSS ---- 动画animation
动画 动画（animation）是CSS3中具有颠覆性特征之一，可通过设置多个节点来精确控制一个或一组动画。常用来实现复杂的动画效果。 相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果。动画的优点（与过渡相比更好） 1、动画的基本使用（先定义后调用） 制作动画分为两步： 1）先定义动画 ......
vue学习第14天 移动Web开发 --- CSS3 2D转换 (transform) 移动、旋转、缩放
2D转换 转换 （transform）是CS53中具有颠覆性的特征之一，可I以实现元素的位移、旋转、缩放等效果，可以简单理解为变形 1）移动： translate 2）旋转：rotate 3）缩放：scale 1、二维坐标系（x右+，x左-）（y下+，y上-） 2D转换是改变标签在二维平面上的位置和 ......
动画方案除了CSS还有什么
JS定时器动画 window.setTimeout() window.setInterval():指定某个任务每隔一段时间就执行一次，也就是无限次的定时执行 <h3>用setTimeout实现计数器功能</h3> <div id="result">0</div> <button onclick="s ......
【HarmonyOS】如何解决智能穿戴设备中swiper组件右滑与系统退出应用冲突问题（API6 JS）
【关键字】 API6、JS、swiper组件、智能穿戴、setSwipeToDismiss 【问题描述】 使用API6 JS开发智能穿戴设备HarmonyOS应用，在首页使用swiper组件时，右滑swiper时会退出应用，无法实现swiper右滑效果，效果如下所示： 【问题分析与原因】 当页面 ......
K3服务器中间层组件无法正常工作
K3服务器中间层组件无法正常工作 https://jingyan.baidu.com/article/454316ab73661ef7a7c03aa9.html 金蝶K3客户端:组件无法正常工作 https://blog.csdn.net/tangzhongxin/article/details/4 ......
CSS3有哪些新特性
CSS3引入了很多新特性，比如： 1. 选择器：CSS3引入了新的选择器，如伪类选择器、伪元素选择器等，使得选择元素更加灵活和精确。 2. 边框圆角：CSS3允许通过 border-radius 属性为元素的边框添加圆角，创建圆形、椭圆形或具有不同角度的矩形边框。 3. 盒阴影：使用 box-sha ......
用CSS画一条0.5px的线
理论上最小的单位是1px 一、最优方法：transforms属性缩放 <!DOCType html> <html> <head> <meta charset="utf-8"> <style> .hr { width: 300px; background-color: #000; } .scale-h ......
用CSS画一个三角形
一、border 二、llinear-gradient .triangle { width: 160px; height: 200px; outline: 2px solid skyblue; background-repeat: no-repeat; background-image: linea ......
子组件调用父组件的方法
### 子组件调用父组件的方法 #### 使用场景： 父组件中有个弹窗（子组件），需要结合父组件和子组件的数据作为参数去请求 调用父组件的方法关闭子组件等 如：父组件是输入提现或充值的金额，点击确定弹出子组件，弹窗是展示输入的金额和费率，发送验证码输入验证码， 输入验证码，点击确定的时候需要给父组件 ......
css滤镜基本用法
CSS filter 属性将模糊或颜色偏移等图形效果应用于元素形成滤镜，滤镜通常用于调整图像，背景和边框的渲染。它的值可以为 filter 函数 <filter-function> 或使用 url 添加的svg滤镜。 filter: <filter-function> [<filter-functi ......
用 SmartEdit 打开 SAP Commerce Cloud Storefront 时动态在 body 标签注入的 css class
当我们使用 SAP SmartEdit 打开 SAP Commerce Cloud Storefront 时，在商户网站中，还必须在body标签中作为CSS类名包含以下唯一标识符： - smartedit-page-uid-：指定指定目录和目录版本的唯一页面标识符。这是为了支持旧版实现而必需的。 - ......
v2和v3组件通信方式的区别
https://gitee.com/jch1011/vue3_communication.git ## 通信方式 ### vue2 - props：父子组件、子父组件、甚至兄弟组件 - 自定义事件：可以实现子父组件 - $bus：任意组件通信 - pubsub：发布订阅，任意组件通信 - vuex： ......
记录--Vue3 封装 ECharts 通用组件
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 按需导入的配置文件 配置文件这里就不再赘述，内容都是一样的，主打一个随用随取，按需导入。 import * as echarts from "echarts/core"; // 引入用到的图表 import { LineChart, ty ......
css breakages 的概念介绍
在前端开发中，CSS（层叠样式表）用于控制网页的样式和布局。如果在CSS代码中存在错误或不当的使用，可能会导致页面显示出不正确的样式或布局，这被称为CSS breakages（CSS破坏）。 CSS breakages可以有多种形式，例如： - 语法错误：CSS代码中存在拼写错误、缺少或多余的符号、 ......
【工程应用八】终极的基于形状匹配方案解决（小模型+预生成模型+无效边缘去除+多尺度+各项异性+最小组件尺寸）
我估摸着这个应该是关于形状匹配或者模版匹配的最后一篇文章了（同时纸质旋转和缩放），其实大概是2个多月前这些东西都已经弄完了，只是一直静不下来心整理文章，提醒一点，这篇文章后续可能会有多次修改（但不会重新发文章，而是在后台直接修改或者增加），所以有需要的朋友可以随时重复查看。 ......
在.Net Core6中使用log4net组件写日志到本地文件的操作流程
原文链接：https://blog.csdn.net/kevin860/article/details/106881062 1.引用包： Log4Net Microsoft.Extensions.Logging.Log4Net.AspNetCore Microsoft.Extensions.Logg ......
StencilJs学习之组件装饰器
stenciljs 可以方便的构建交互式组件 支持以下装饰器 - component - state - prop - watch - method - element - event - listen ## Component 装饰器 `@Component` 是一个装饰器，它将 TypeScri ......