项目从webapck3升级到webpack5，vue中的scss编译出来的是这个样子，看起来scss loader配置没问题，就是vue-loader配置版本的问题了。
原创
2022-09-03 02:09:28
486阅读
深度选择器/deep/Scoped CSS规范是Web组件产生不污染其他组件，也不被其他组件污染的CSS规范。vue组件中，在style设置为scoped的时候，里面在写样式对子组件是不生效的，如果想让某些样式对子组件生效，可以使用 /deep/或::v-deep 深度选择器。<-- less语法 -->
.wrap{
.class1{
font-size: 12px
1. 构造compiler个人觉得 本章 可以大概看看我写的内容 最有效的方法是查看测试用例 很详细 覆盖很全面 这一段比较绕，主要是包装compile，最终暴露出compile本身以及包装后的compileToFunctions1.1 compiler和compileToFunctions的基础baseCompile它是对src/compiler包下暴露出的核心parse进行初步包装，我们知道p
# 解决jQuery CSS不生效的问题
## 概述
本文将介绍当使用jQuery时遇到CSS不生效的问题以及相应的解决方法。我们将通过一个步骤表格来展示整个解决问题的流程，然后逐步介绍每一步需要做什么，包括所需的代码和相应的注释。
## 步骤表格
| 步骤 | 描述 |
| --- | --- |
| 步骤 1 | 确认是否正确引入jQuery库 |
| 步骤 2 | 确认元素选择器是否
原创
2023-10-30 07:54:02
168阅读
最近vue项目要实现打印网页中局部区域的要求，但是用下列方式的时候显得样式全部都没有作用上 printConte
原创
2022-07-22 09:33:27
920阅读
vue组件样式穿透（css深度选择器）场景复现样式穿透stylus的样式穿透 使用>>>（不推荐）sass和less的样式穿透（推荐） 场景复现当我们使用ant design vue组件库（点击跳转查看相关内容）时，经常会遇到样式无法修改的问题。这是因为 ant design vue 组件库的组件都具有自带的默认样式。通过查询资料后发现是scoped的问题。scoped看起来很
转载
2024-03-22 19:36:10
487阅读
# 解决Vue jQuery不生效的问题
## 概述
在使用Vue和jQuery的项目中，有时候会出现Vue和jQuery不兼容的情况，导致jQuery的功能无法正常使用。本文将介绍如何解决这个问题，并提供详细的步骤和代码示例。
## 解决流程
下面是解决Vue jQuery不生效的问题的流程：
| 步骤 | 操作 |
| --- | --- |
| 步骤一 | 引入jQuery库 |
|
原创
2023-07-31 06:57:02
309阅读
v-model用途用于在表单类元素(单选、多选、下拉选择、输入框等)上双向绑定数据。简单使用v-model与input输入框的搭配使用：<div id="app">
<input type="text" v-model="message" placeholder="输入...."/>
<p>输入的内容是：{{message}}</p>
转载
2024-10-31 11:33:42
131阅读
一、四个map方法的使用mapState方法：用于帮助我们映射state中的数据为计算属性computed: {
//借助mapState生成计算属性：sum、school、subject（对象写法）
...mapState({sum:'sum',school:'school',subject:'subject'}),
//借助mapState生成计算
转载
2024-09-30 22:35:37
37阅读
概述： ESLint 是一个开源的 JavaScript 代码检查工具，由 Nicholas C. Zakas 于2013年6月创建。代码检查是一种静态的分析，常用于寻找有问题的模式或者代码，并且不依赖于具体的编码风格。对大多数编程语言来说都会有代码检查，一般来说编译程序会内置检查工具。JavaScript 是一个动态的弱类型语言，在开发中比较容易出错。因为没有编译程序，为了寻找 JavaSc
转载
2024-10-07 16:14:54
93阅读
CSS中的Zoom属性，一般不为人知，甚至有些CSS手册中都查询不到。其实Zoom属性是IE浏览器的专有属性，Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外，它还有其他一些小作用，比如触发ie的hsasLayout属性，清除浮动、清除margin的重叠等。css中的zoom的作用1、检查页面的标签是否闭合不要小看这条，也许折腾了你两天都没有解决的 CSS BUG 问题，却仅
1.设置文字的字体 font-family:黑体，Arial，“Times New Roman” 含义：首先在访问者的计算机中寻找黑体的字体，如果没有再寻找Arial的字体，最后寻找Times New Roman字体 注意：字体之间用逗号隔开，如果字体名字中有空格隔开，则需要用双引号括起来2.设置文字的倾斜效果 font-style：italic 或者 oblique 平常所指的斜体即为itali
标签分为两种等级：行内元素块级元素行内元素和块级元素的区别：行内元素：与其他行内元素并排；不能设置宽、高。默认的宽度，就是文字的宽度。块级元素：霸占一行，不能与其他任何元素并列；能接受宽、高。如果不设置宽度，那么宽度将默认变为父亲的100%。块级元素和行内元素的分类：在以前的HTML知识中，我们已经将标签分过类，当时分为了：文本级、容器级。从HTML的角度来讲，标签分为：文本级标签：p、span、
转载
2024-09-17 16:42:57
107阅读
## jQuery CSS方法不生效的原因及解决方法
### 引言
在使用jQuery时，经常会使用CSS方法来操作元素的样式。然而，有些开发者在使用jQuery的CSS方法时，遇到了一些问题，发现CSS方法并不生效。本文将探讨一些常见的原因，以及如何解决这些问题。
### 问题描述
我们首先来看一个具体的例子。假设我们有一个简单的HTML文件，其中包含一个按钮和一个段落：
```htm
原创
2023-08-14 08:20:31
686阅读
# 如何解决 jQuery 中 CSS width 不生效的问题
在 Web 开发中，使用 jQuery 设置元素的 CSS 属性是非常常见的操作。然而，有时您可能会发现使用 jQuery 设置 `width` 属性后，该属性并没有如预期那样生效。本文将帮助您理解这一现象的原因及解决方法。
## 整体流程概览
在解决 jQuery 设置 CSS `width` 不生效的问题时，可以遵循以下步
原创
2024-08-05 05:51:57
203阅读
# iOS CSS样式不生效的解决方案
在网页开发中，CSS样式有时在某些特定平台上（如iOS）不生效，导致开发者感到困惑。本文将帮助你理解这一问题，并指导你逐步解决它。
## 整体流程
首先，我们将整个解决流程以表格形式展示：
| 步骤 | 描述 |
|------|----------------------------|
| 1 |
作者:WangMin 在讲几种定位方式之前，我们先来了解一下什么是普通文档流(normal flow)？前面讲过浮动会让元素脱离文档流，如果不设置浮动所有元素都处于普通文档流中。普通文档流中元素框的位置由元素在(X)HTML中的位置决定。块级元素从上到下依次排列，框之间的垂直距离由框的垂直margin计算得到；行内元素在一行中水平排列。position 属性的作用position 用于定
CSSCss 入门一、Css的基本概念：二、Css的三种引入方式1. 内联方式：2. 内部方式：3. 外部方式：三、CSS的三大特性四、选择器 —— 用来选取页面中的元素1. 标签选择器2. class（类）选择器3. id选择器4. 分组选择器5. 任意元素选择器6. 属性选择器7. 子孙后代选择器8. 子元素选择器9. 伪类选择器五、颜色赋值六、背景图片七、文本和字体相关样式八、元素显示方式
css 溢出overflow当一个元素被设置为固定大小，在这个元素中的内容如果超出元素的界限，就会出现溢出的现象。通常情况下我们可以通过overflow来控制这个属性。overflow语法定义语法如下：overflow:visible | hidden | scroll | auto | inherit
overflow:visible | hidden | scroll | auto | inh
###系统环境系统：Opensuse 桌面：KDE 语言：Clojure###起承转合前两天用JavaFX Scene Builder时候总是崩溃，然后很快就发现所有崩溃的地方都是在需要打开文件选择框的地方，但是自己写了一小段代码打开文件选择器就不崩溃。为了解决这个问题，上网搜了各种东西，还仔细看了Oracle官网的JavaFX环境需求，还看libgtk什么的乱七八糟一堆库。问题一直无法解决，
