当前位置：首页 > news >正文

vue中 css scoped原理

news 2026/2/7 19:01:27

Vue中css的逻辑是先放子组件，然后放父组件，所以同样的css类名，子组件会被父组件覆盖

html 如下
子被父覆盖了
子被父覆盖

scoped是通过给组件加hash值，锁定组件。

在这里插入图片描述

父子组件均scoped的情况下，子仍会覆盖

在这里插入图片描述
还是被覆盖了

如何避免被覆盖？
父子组件不要用相同的class名称

vue中 css scoped原理

Vue中css的逻辑是先放子组件，然后放父组件，所以同样的css类名，子组件会被父组件覆盖 html 如下子被父覆盖 scoped是通过给组件加hash值，锁定组件。父子组件均scoped的情况下，子仍会覆盖还是被覆盖了如何避免被…...

编程日记 2023/10/4 9:16:07

tf.compat.v1.global_variables()

tf.global_variables tf.global_variables() 是 TensorFlow 1.x 中的一个函数，它返回图中所有的全局变量。在 TensorFlow 2.x 中，这个函数已经被移除了，取而代之的是 tf.compat.v1.global_variables()。然而，在 TensorFlow 2.x …...

编程日记 2023/10/4 9:15:06

登录注册实现

一、前端页面注册到Vue 1.创建登录和注册组件 <template><div>login</div></template><script> export default {name: HomeView,data() {return {}},methods: {}, } </script><template><div>register</div></tem…...

编程日记 2023/10/4 9:12:04

Push rejected: Push to origin/master was rejected

Push rejected: Push to origin/master was rejected 原因：推拒绝：推送到起源/主人被拒绝解决方案如下： 方案1： 1.在Idea打开终端方案2： 1、在对应项目文件里打开 Git Bash 然后依次输入： git pull …...

编程日记 2023/10/4 9:11:04

在线OJ项目核心思路

文章目录在线OJ项目核心思路1. 项目介绍2.预备知识理解多进程编程为啥采用多进程而不使用多线程?标准输入&标准输出&标准错误 3.项目实现题目API实现相关实体类定义新增/修改题目获取题目列表编译运行编译运行流程 4.统一功能处理在线OJ项目核心思路 1. 项目介绍 …...

编程日记 2023/10/4 9:08:01

Spring MVC：数据绑定

Spring MVC 数据绑定数据类型转换数据格式化数据校验附数据绑定数据绑定，指 Web 页面上请求和响应的数据与 Controller 中对应处理方法上的对象绑定（即是将用户提交的表单数据绑定到 Java 对象中）。过程如下： ServletRequest…...

编程日记 2023/10/4 9:03:57

STM32CubeMX学习笔记-USB接口使用（HID按键）

STM32CubeMX学习笔记-USB接口使用（HID按键） 一、USB简介1.1 USB HID简介二、新建工程1. 打开 STM32CubeMX 软件，点击“新建工程”2. 选择 MCU 和封装3. 配置时钟4. 配置调试模式三、USB3.1 参数配置3.2 引脚配置3.3 配置时钟3.4 USB Device…...

编程日记 2023/10/4 9:01:56

1 文本格式 using System; namespace Legalsoft.Truffer { /// <summary> /// Backup generator if Ranq1 has too short a period and Ran is too slow.The /// period is 8.5E37. Calling conventions same as Ran, above. /// </summary> …...

编程日记 2023/10/4 8:58:53

C/C++ 数据结构 - 链表

1.单链表 https://blog.csdn.net/qq_36806987/article/details/79858957 1 #include<stdio.h>2 #include<stdlib.h>3 4 /*结构体部分*/5 typedef struct Node6 {7 int data; //数值域8 struct Node *next; //指针域9 }N;10 11 N *Init() //初始化单…...

编程日记 2023/10/4 8:57:52

【算法基础】一文掌握十大排序算法，冒泡排序、插入排序、选择排序、归并排序、计数排序、基数排序、希尔排序和堆排序

目录 1 冒泡排序（Bubble Sort） 2 插入排序（Insertion Sort） 3 选择排序（Selection Sort） 4. 快速排序（Quick Sort） 5. 归并排序（Merge Sort） 6 堆排序 …...

编程日记 2023/10/4 8:56:51

javascript二维数组(3)：指定数组元素的特定属性进行搜索

js中对数组， var data [{“name”: “《西游记》”, “author”: “吴承恩”, “cat”: “A级书刊”, “num”: 3},{“name”: “《三国演义》”, “author”: “罗贯中”, “cat”: “A级书刊”, “num”: 8},{“name”: “《红楼梦》”, “author”: “曹雪芹”,…...

编程日记 2023/10/4 8:55:47

使用Qt进行HTTP通信的方法

文章目录 1 HTTP协议简介1.1 HTTP协议的历史和发展1.2 HTTP协议的特点1.3 HTTP的工作过程1.4 请求报文1.5 响应报文 2 使用Qt进行HTTP通信2.1 Qt的HTTP通信类2.2 HTTP通信过程 3 JSON3.1 cJSON库简介3.2 cJSON库的设计思想和数据结构3.3 cJSON库的使用方法 1 HTTP协议简介 1.1…...

编程日记 2023/10/4 8:54:46

第45节——页面中修改redux里的数据

一、什么是action 在 Redux 中，Action 是一个简单的 JavaScript 对象，用于描述对应应用中的某个事件（例如用户操作）所发生的变化。它包含了一个 type 属性，用于表示事件的类型，以及其他一些可选的数据。 …...

编程日记 2023/10/4 8:53:45

软考系统架构设计师系列知识点之软件架构风格（2）

接前一篇文章：软考系统架构设计师系列知识点之软件架构风格（1） 这个十一注定是一个不能放松、保持“紧”的十一。由于报名了全国计算机技术与软件专业技术资格（水平）考试，11月4号就要考试，因此…...

编程日记 2023/10/4 8:50:43

【C++11】Lambda 表达式：基本使用和底层原理

文章目录 Lambda 表达式1. 不考虑捕捉列表1.1 简单使用介绍1.2 简单使用举例 2. 捕捉列表 [ ] 和 mutable 关键字2.1 使用方法传值捕捉传引用捕捉 2.2 捕捉方法一览2.3 使用举例 3. lambda 的底层分析 Lambda 表达式书写格式： [capture_list](parameters) mutabl…...

编程日记 2023/10/4 8:48:41

【网络安全---ICMP报文分析】Wireshark教程----Wireshark 分析ICMP报文数据试验

一，试验环境搭建 1-1 试验环境示例图 1-2 环境准备两台kali主机（虚拟机） kali2022 192.168.220.129/24 kali2022 192.168.220.3/27 1-2-1 网关配置： 编辑-------- 虚拟网路编辑器更改设置进来以后 ，先选择N…...

编程日记 2023/10/4 8:42:36

【Docker】Docker的应用包含Sandbox、PaaS、Open Solution以及IT运维概念的详细讲解

前言 Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的Linux或Windows操作系统的机器上,也可以实现虚拟化,容器是完全使用沙箱机制,相互之间不会有任何接口。 📕作者简介：热…...

编程日记 2023/10/4 8:41:35

Java Applet基础

Java Applet基础目录 Java Applet基础 Applet的生命周期 "Hello, World" Applet: Applet 类 Applet的调用获得applet参数指定applet参数应用程序转换成Applet 事件处理显示图片播放音频 applet是一种Java程序。它一般运行在支持Java的Web浏览器内。因…...

编程日记 2023/10/4 8:40:35

【记录】IDA｜IDA怎么查看当前二进制文件自动分析出来的内存分布情况（内存范围和读写性）

IDA版本：7.6 背景：我之前一直是直接看Text View里面的地址的首尾地址来判断内存分布情况的，似乎是有点不准确，然后才想到IDA肯定自带查看内存分布情况的功能，而且很简单。可以通过View-Toolbars-Segments&#xff0c…...

编程日记 2023/10/4 8:39:34

LIMS实验室信息管理系统源码基于计算机的数据处理技术、数据存储技术、网络传输技术、自动化仪器分析技术于一体

LIMS 是一个集现代化管理思想与基于计算机的数据处理技术、数据存储技术、网络传输技术、自动化仪器分析技术于一体，以实验室业务和管理工作为核心，遵循实验室管理国际规范，实现对实验室全方位管理的信息管理系统。 LIMS将样品管理、数据管理…...

编程日记 2023/10/4 8:37:32

Golang 面试经典题：map 的 key 可以是什么类型？哪些不可以？

Golang 面试经典题：map 的 key 可以是什么类型？哪些不可以？ 在 Golang 的面试中，map 类型的使用是一个常见的考点，其中对 key 类型的合法性是一道常被提及的基础却很容易被忽视的问题。本文将带你深入理解 Golang 中…...

编程新知 2025/12/20 7:42:02

深入浅出：JavaScript 中的 `window.crypto.getRandomValues()` 方法

深入浅出：JavaScript 中的 window.crypto.getRandomValues() 方法在现代 Web 开发中，随机数的生成看似简单，却隐藏着许多玄机。无论是生成密码、加密密钥，还是创建安全令牌，随机数的质量直接关系到系统的安全性。Jav…...

编程新知 2025/10/8 4:56:09

《Playwright：微软的自动化测试工具详解》

Playwright 简介:声明内容来自网络，将内容拼接整理出来的文档 Playwright 是微软开发的自动化测试工具，支持 Chrome、Firefox、Safari 等主流浏览器，提供多语言 API（Python、JavaScript、Java、.NET）。它的特点包括&a…...

编程新知 2025/7/23 15:00:00

（二）原型模式

原型的功能是将一个已经存在的对象作为源目标，其余对象都是通过这个源目标创建。发挥复制的作用就是原型模式的核心思想。一、源型模式的定义原型模式是指第二次创建对象可以通过复制已经存在的原型对象来实现，忽略对象创建过程中的其它细节。 📌 核心特点：避免重复初…...

编程新知 2026/2/7 10:59:04

React19源码系列之事件插件系统

事件类别事件类型定义文档 Event Event 接口表示在 EventTarget 上出现的事件。 Event - Web API | MDN UIEvent UIEvent 接口表示简单的用户界面事件。 UIEvent - Web API | MDN KeyboardEvent KeyboardEvent 对象描述了用户与键盘的交互。 KeyboardEvent - Web…...

编程新知 2026/2/7 8:31:55