间距 组件css
计算机配置 — 管理模板 — Windows 组件 — 数据收集和预览版本 对应 注册表 位置 项目
@echo off :: 切换对预览体验成员内部版本的用户控制 reg add "HKLM\SOFTWARE\Policies\Microsoft\WindowsPreviewBuilds" /v AllowBuildPreview /t REG_DWORD /d 1 /f :: 允许商业数据管道 ......
CSS让子元素div的高度填满父容器的剩余空间的方法
原帖：https://pythonjishu.com/unbayyjtzdjeewe/ 以下是详细讲解 CSS 让子元素 div 的高度填满父容器的剩余空间的方法的完整攻略。 方法一：Flexbox Flexbox 是一种强大的布局方式，使用起来非常方便。可以通过设置父元素的 display 属性为 ......
Spring Cloud 5大组件（六）
前言 了解spring-cloud的主要组件及相关作用，简单了解工作原理。 一、Spring-cloud五大组件 参看网址：https://www.cnblogs.com/long88-club/p/11055848.html 1、EureKa 注册中心 Eureka是微服务架构中的注册中心，专门负 ......
vuejs3.0 从入门到精通——组件传值方法——兄弟组件之间的传值
兄弟组件之间的传值 A组件-->父组件-->B组件 一、组件安装 npm instlal mitt -S 创建 plugin/Bus.js 一、A组件 二、父组件 三、B组件 ......
celery flower通过nginx部署 静态文件css js
nginx 添加以下配置 location /flower { proxy_pass http://127.0.0.1:5555; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_head ......
css3的translate3d记录
CSS3的translate3d是一个用于在3D空间中移动元素的属性。它可以接受三个值（x，y，z），分别表示元素在x轴、y轴和z轴上的移动距离。translate3d属性的用处是将元素从其原始位置移动到新位置，可以用于创建动态效果、更改元素的外观和布局等。 使用translate3d的方法如下： ......
el-select 下拉框全选、多选的几种方式组件
组件一、基础多选 <template> <el-select v-model="value1" multiple placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" : ......
搜索文档树，bs4其它用法，css选择器，selenium基本使用，selenium其它用法
1 搜索文档树🥨 # 1 find_all ：找所有 列表 # 2 find 找一个 Tag类的对象 1.1 find和find_all from bs4 import BeautifulSoup html_doc = """ <html><head><title>The Dormouse's s ......
Css 一个选择器实现带你实现高级搜索的展开收起
在表格页面中，我们经常用到带有展开收起功能的过滤表单，看似很简单的功能，但是实现起来通常不那么优雅。 我们使用grid布局来实现这个就非常简单： .search-form { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap ......
Burp Suite插件开发 更新UI组件
Issue note 操作Swing GUI 组件时，遇到一个问题，比如在前端设置了一个表格，表格里面的数据是后台动态生成的，发现却更新不了。 我尝试猜测问题的原因： 我把表格嵌套在一个面板B，面板B又嵌套在面板A，所以需要刷新面板A才行，也不全对； 线程问题，需要在一个特定的UI子线程才能更新，也 ......
vue分页组件
<template> <div> <div class="block" style="margin: 2% 25%;"> <el-pagination layout="total, prev, pager, next, jumper" :total="value.page" @prev-click= ......
css盒子模型： 标准盒子模型和IE盒子模型（怪异盒子模型）
CSS盒模型(box model),它是包含了内容(content)、内边距(padding)、边框(border)、外边距(margin)属性的一个盒子模型。 而盒模型又分为两类标准：标准盒子模型和IE盒子模型（怪异盒子模型） 在标准盒子模型中，盒子的width是指content的宽高， 而IE盒 ......
css案例整理
知识体系： 案例整理： （一）案例一： （1）需求：实现一个登录界面 （2）知识点： （①）背景使用背景图片（background：url（"#####"）） （②）登录框应用表单(input),其中， 1.用户名称输入(type=text) 2.密码输入（type=password） 3.登录按键 ......
Vue3 echarts 组件化使用 resizeObserver
点击查看代码 const resizeObserver = ref(null); //进行初始化和监听窗口变化 onMounted(async () => { await nextTick(() => { initChart(); setOptions(options.value, opts.val ......
css常见的居中操作（一）
原创声明：本文所有图片和代码皆由本人制作和编写。 目录目标当前html毛坯房方法一 纯CSS2第0步 排版之前的一些css基本设置第1步 图标与文字对齐第2步 把li居于ul的垂直中部且均匀分布第3步 li的子内容水平居中于li方法二 使用CSS3的flex第0步 排版之前的一些css基本设置第1步 ......
React中使用context实现跨层组件通信
function A() { return (<> This is A component </>) } function B() { let msg = useContext(MsgContext); return (<> This is B component:::: {msg} </>) } ......
[CSS]关于<img>标签距离底部盒子5px的问题
问题描述：在某个盒子内部放入一个<img>标签，不写样式的情况下，<img>总是和父盒子有5px空隙。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>清除图片多5px问题</title> <link rel="styleshe ......
HTML+CSS
many前端插件： auto close tag、auto rename tag、chinese、code spell checker、css peek、error lens、html play（ctrl+alt+h预览）、live server、path intellisense、vscode-i ......
CSS必学：元素之间的空白与行内块的幽灵空白问题
作者:WangMin 格言:努力做好自己喜欢的每一件事 CSDN原创文章 博客地址 👉 WangMin 我们在开发的过程中，难免会出现一些难以预料的问题。那么其中，CSS空白现象就是非常常见的问题之一。虽然它已经被发现很久，但仍然有许多新手和经验丰富的开发者们忽略了它对页面布局的影响。我们一起来看 ......
02_Vue 组件化
vue 组件 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不能的功能模块，将来需要什么样的功能，就可以去调用。 组件和模块化的不同： 模块化：是从代码逻辑的角度进行划分的，方便代码分层开发，保证每个功能模块职能单一 组件化：是从UI界面的角度进行划分的，前端的 ......
CSS学习
知识体系 案例整理 案例： 1）需求： 商品页面 2）代码： <!DOCTYPE html> <html> <head> <title>商品页面</title> <style> body { height: 100%; margin: 0; padding: 0; background-color: ......
React学习笔记19-受控组件
1.受控组件的定义 React组件的数据渲染是否被调用者传递的 props 完全控制，完全控制则为受控组件，否则非受控组件。即React 的 state 成为组件的唯一数据源。 下面用一个小案例来演示，案例中todolist组件的唯一数据源就是State，todolist组件就是一个受控组件 imp ......
React学习笔记18-非受控组件
1.非受控组件的定义 非受控组件即状态不是完全由React的state来控制的组件 React要编写一个非受控组件，可以 使用 ref 来从 DOM 节点中获取表单数据，就是非受控组件。 import React, { Component } from 'react' export default ......
css的浮动和定位
CSS是前端开发中不可或缺的一部分，其中浮动和定位是常用的布局方式。本篇博客将详细介绍浮动和定位的概念、用法和注意事项，适合新手学习。 一、浮动 1.概念 浮动是指将元素从正常的文档流中移除，使其脱离文档流并向左或向右移动，直到其外边缘碰到包含块或另一个浮动元素的边缘为止。 2.用法 （1）floa ......
vue select-option组件 普通下拉和远程下拉数据展示及回显
前言：后台返回的数据格式有如下两种类型： 1、json格式： codeTypeMap:{ "000":"身份证", "001":"户口本" } 2、数组格式： codeTypeMapList: [ {code:"000",name:"身份证"}, {code:"000",name:"户口本"} ] ......
uniapp开发nuve原生瀑布流组件waterfall列表后边出现空白的处理方法
异常描述： 首页有轮播、广告位、瀑布流商品列表，但是使用了原生组件waterfall的商品列表后边出现了大面积空白。 解决方法： 将waterfall放到父容器下边或者直接放到template下边作为父容器，给父容器设置高度设置为窗口高度，除瀑布流展示的列表外，其他的组件都放在中即可。 <templ ......
一些有用的css函数
var 使用自定义的属性值。 :root { --main-bg-color: pink; } body { background-color: var(--main-bg-color); } attr 使用html上data-* 属性引用的文本。 <p data-foo="hello">world ......
使用CSS写一个带追踪特效的渐变按钮
写一个带追踪特效的渐变按钮 开头先观看这张GIF图： 是否被它的出色动画效果所吸引？ 这是从一个完美竞技平台中录制出来的 我脑海中萌生了用CSS来模仿这一效果的念头 绘画元素 我们先记录下这个按钮浮动的颜色（#868BFF），还有按钮的背景的渐变色（#39D5FF->#868bff） 外部使用一个d ......
程序员都收藏下吧！这样子找开源组件更安全！
随着互联网的高速发展，开源组件日益成为技术研发的重要工作基础。尤其是如今软件市场对功能性需求的激增，与市场的节奏的加快，企业对程序员开发效率的要求越来越高，开源组件无疑成为了研发市场上的香饽饽。但开源组件极大地提高了开发效率的同时，也难以避免地引入了安全风险。 对于开发者来说，等到在安全漏洞披露后再 ......