间距 组件css
css3 object-fit使用
1、object-fit:fill; 拉伸填满整个容器 2、object-fit:contain; 宽度铺满整个容器，高度等比缩放，超出则裁剪 3、object-fit:cover; 高度铺满，宽度等比缩放，超出则裁剪 4、object-fit:none; 图片大小不变，超出则裁剪，裁剪保留中间部分 ......
Element-ui源码解析(二):最简单的组件Button
好家伙,为了有足够的能力去开发组件,先研究一下别人的组件 开始抄袭模仿我们的行业标杆element-ui 找到Button组件的源码 只有三个文件,看上去非常易读,开搞 其中最重要的部分,自然是button.vue <template> <button class="el-button" @clic ......
css制作三角
使用border属性制作三角：当给一个宽高为0的盒子设置不同颜色的边框时会如下图所示，由此可见，想要设置三角，则可以将其余三条边框设置为透明色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vie ......
【升职加薪秘籍】我在服务监控方面的实践(2)-监控组件配置
>大家好,我是蓝胖子，关于性能分析的视频和文章我也大大小小出了有一二十篇了，算是已经有了一个系列，之前的代码已经上传到 github.com/HobbyBear/performance-analyze ，接下来这段时间我将在之前内容的基础上，结合自己在公司生产上构建监控系统的经验，详细的展示如何对线 ......
Vue3组件二次封装
# naive-ui的n-input举例 ``` //import { useAttrs, useSlots } from 'vue' //const slots = useSlots() //const attrs = useAttrs() ``` ......
Form和ModelForm组件
1. 为什么使用form和modelform 1.1 不使用form时 当不用form时， 想校验浏览器发来的数据需要使用很多request.Post.get拿到信息， 再写函数进行逐个校验 1.2 使用form 不用再在视图函数内进行校验 ......
2023-07-25 uview1.0的u-number-box组件在渲染时会触发change，如何才能避免事件影响？==》设置判断条件并增加时间延迟
前言：购物车用到加减购物车数量的一个步进器组件，使用的是uview组件1.0版本的u-number-box。 该组件设置了一个@change事件，该事件会在页面渲染的时候触发一次，如果你在里面调用了接口，比如增加/减少购物车数量，那么每次一刷新购物车该事件就会被触发，从而导致不必要的报错。 解决方案 ......
[爬虫]1.2.2 CSS选择器
CSS (Cascading Style Sheets) 是一种样式表语言，用于描述HTML元素的样式。CSS选择器是CSS规则的一部分，它决定了CSS规则应用于哪些元素。在网络爬虫的开发中，我们经常使用CSS选择器来定位和选取HTML元素。 以下是一些常见的CSS选择器： ## 1. 元素选择器 ......
CSS margin属性值不同写法的含义
+ margin: 0; /* 四个方向的外边距都为0 */ + margin: 10px; /* 四个方向的外边距都为10像素 */ + margin: 10px 20px; /* 顶部/底部外边距为10像素，左侧/右侧外边距为20像素 */ + margin: 10px 20px 30px; / ......
antd 组件 select input cheeckboxGround 传参 自定义传参
temp  func ![](https://img2023.cnblogs.com/blog/2773051/2 ......
Kendo UI，一个加速Web应用界面开发的JavaScript组件库！
Kendo UI是什么？ 首先，Kendo UI是一个由四个JavaScript UI库组成的包，这些库是专为jQuery、Angular、React和Vue原生构建的，每一个都是用一致的API和主题构建的。所以无论开发者怎么选择，所开发的Web应用始终保持了现代的应用界面，响应迅速、可访问且速度快 ......
vue组件中引入自定义js文件
在组件的script标签内直接引入： import myFunction from '@/util/custom.js'; 开始使用自定义js中的方法： export default { // ... other Vue component options methods: { someMethod ......
从vue2到vue3，自定义组件的v-model实现原理
### 前言 相信使用vue开发的同学应该都体会过v-model的便利，它可以非常方便地进行双向数据绑定，只要重新输入内容，视图就会立刻发生改变。本文将着重介绍如何在自定义组件当中使用v-model，以及在vue2和vue3中使用方式上的差异。 ### 概述 v-model是一个语法糖，它在组件使用 ......
Blazor 组件生命周期实例说明
Blazor的生命周期与React组件的生命周期类似，也分为三个阶段：初始化阶段、运行中阶段和销毁阶段，其相关方法有10个，包括设置参数前、初始化、设置参数之后、组件渲染后以及组件的销毁，但是这些方法有些是重复的，只不过是同步与异步的区别。本文直接实例说明 Blazor 的生命周期 ......
css进度条
使用过度属性transition制作进度条 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale= ......
Angular: 父子·组件传值
# 父传子 在子组件中，使用 @Input() 装饰器来声明输入属性。  ：出生阶段(Mount)](https://zhuanlan.zhihu.com/p/30757059) [深入React的生命周期(下)：更新(Update)](https://www.v2think.com/dig-into-react-lifec ......
React函数式组件渲染顺序探究（Demo）
> 参考资料： > [React渲染顺序及useEffect执行顺序探究（含并发模式）](https://blog.csdn.net/web2022050901/article/details/125238225) # code ```jsx import { useEffect, useState ......
Django message组件
使用message组件要在seetings中配置 ①INSTALLED_APPS (项目需要什么功能都放在这 既可以有数据库,又可以写代码,html文件,和自己写的APP一个道理) ②MIDDLEWARE 中间件 (请求进来做什么,请求走的时候做什么) ③TEMPLATES (模板,在html页面中 ......
FASTCGI组件漏洞
CGI introduction common gatewa interface/CGI describes a stardand for transferring data between server and client programs,allowing a client to reques ......
[CSS] Virtual Keyboard API for CSS
When Virtual keyboard popup, we can relayout the UI element accordingly: navigator.virtualKeyboard.overlaysContent = true; navigator.virtualKeyboard.s ......
初级设计师必看的UI设计组件库
UI组件库是一个可以理解为重复使用界面设计元素的集合，是一个文件库。UI组件库在整个系统中起着行为层面的作用，是团队内部设计师与开发者之间的横向合作，是保证产品产出一致的标准基础。即时设计资源社区提供丰富的组件库，包括不同行业、不同顶级互联网厂商的UI组件库！可以免费一键使用！ Ant Design ......
直播平台制作，css变量实现动态改变主题色
直播平台制作，css变量实现动态改变主题色 全局作用域下的css变量 通常的最佳实践是定义在根伪类 :root 下，这样就可以在 HTML 文档的任何地方访问到它了： :root { --main-bg-color: brown;}<!-- 在需要的元素中使用 -->element { } 这样 ......
vue组件封装 - 省市县下拉选联动
改封装组件依赖`element-china-area-data`插件，引入组件可参照：https://www.npmjs.com/package/element-china-area-data ``` title：弹框显示标题, pageId:页面id，根据id查询历史操作记录 --> 生成新地址 ......
Cilium 系列-3-Cilium 的基本组件和重要概念
## 系列文章 * [Cilium 系列文章](https://ewhisper.cn/tags/Cilium/) ## 前言 安装完了，我们看看 Cilium 有哪些组件和重要概念。 ## Cilium 组件 如上所述，安装 Cilium 时，会安装几个运行组件（有些是可选组件）, 它们各是什么用 ......