SCSS 学习笔记 和 vscode下载live sass compiler插件配置

1、下载livelive sass compiler插件并配置

    // 在 已有代码 下面 添加下面 代码，一般刚刚下载打开最后一行是：// "liveSassCompile.settings.autoprefix": [],// 所以直接 把下面复制进去保存就行"liveSassCompile.settings.autoprefix": [// ">1%"是指 通过全球使用情况统计信息选择出的高于1%使用率的浏览器版本。// "last 2 versions"是指 每个浏览器的最后2个版本。"> 1%","last 2 versions"],"liveSassCompile.settings.formats": [{"format": "expanded", // 出口css样式为展开格式"extensionName": ".css","savePath": "~/../css", // null 为当前目录"savePathReplacementPairs": null}],"liveSassCompile.settings.generateMap": false, // 去掉编译时出现的css.map文件"liveSassCompile.settings.excludeList": ["/**/node_modules/**","/.vscode/**"],

2、SCSS 笔记

  1. SCSS 是一个 CSS 的预处理器，是 CSS 的扩展语言，可以帮助我们减少重复的代码，生成更好的 CSS 格式化代码，并且兼容所有版本的 CSS
  2. SCSS 是 对于 CSS3 的 SASS ，所以我们学的时候，把文件后缀写为 “.scss”
  3. 由于我们的配置，当遇到兼容性代码，出口文件会自动配置，如下图

  •  2.1  语法嵌套规则

  • 2.1.1  选择器嵌套

 避免了重复输入父选择器，复杂的 CSS 结构更易于管理

  • 2.1.2  父选择器 & 

在嵌套 CSS 规则时，可以用 & 代表嵌套规则外层的父选择器。例如：

  • 2.1.2.1  当给某个元素设定 hover 样式时

  • 2.1.2.2  当 body 元素有某个 classname 时

  • 2.1.3  属性嵌套

  1. 有些 CSS 属性遵循相同的命名空间 (namespace)，比如 font-family, font-size, font-weight 都以 font 作为属性的命名空间。为了便于管理这样的属性，同时也为了避免了重复输入，SCSS 允许将属性嵌套在命名空间中
  2. 注意font：后面要加一个空格

  • 2.1.4  占位符选择器 %foo 必须通过 @extend

有时，需要定义一套公共样式 ，使用占位符选择器%foo，然后通过 @extend 指令引入，尤其是在制作 SCSS 样式库的时候，在需要时引入，希望 SCSS 能够忽略用不到的样式，达到简略代码的目的。

  •  2.2  代码注释

     SCSS 支持两种注释：

  1. 标准的css多行注释 /* ... */ 会编译到.css文件中
  2. 单行注释 // 不会编译到.css文件

  •  2.3  SCSS 变量

  • 2.3.1  CSS 定义变量的方法

使用 CSS 自定义属性_打不着的大喇叭的博客-CSDN博客

  • 2.3.2  SCSS 定义变量的方法 

  • 2.3.2.1  定义规则

  1. 变量以美元符号($)开头，后面跟变量名；
  2. 变量名是不以数字开头的可包含字母、数字、下划线、横线（连接符）；
  3. 写法同css，即变量名和值之间用冒号(:)分隔；
  4. 变量一定要先定义，后使用；

  •  2.3.2.2  连接符与下划线

  • 2.3.3  变量的作用域

  • 2.3.3.1  局部变量

定义：在选择器内容定义的变量，只能在选择器范围内使用

  • 2.3.3.2  全局变量

定义后能全局使用的变量

1、在选择器外面的最前面定义的变量 

2、使用 !global 标志定义全局变量

  • 2.3.4  变量值的类型

   SCSS 支持 7 种主要的数据类型：

  1. 数字，1, 2, 13, 10px，30%
  2. 字符串，有引号字符串与无引号字符串，"foo", 'bar', baz
  3. 颜色，blue, #04a3f9, rgba(255,0,0,0.5)
  4. 布尔型，true, false
  5. 空值，null
  6. 数组 (list)，用空格或逗号作分隔符，1.5em 1em 0 2em, Helvetica, Arial, sans-serif
  7. maps, 相当于 JavaScript 的 object，(key1: value1, key2: value2)

  •  2.3.5  默认值

  •  2.4  SCSS 导入@import

  • 2.4.1  @import

SCSS 拓展了 @import 的功能，允许其导入 SCSS 或 SASS 文件。被导入的文件将合并编译到同一个 CSS 文件中，另外，被导入的文件中所包含的变量或者混合指令 (mixin) 都可以在导入的文件中使用。

  • 2.4.1.1  纯SCSS文件引入注意点

注意：

  1、如果一个目录正在被 SCSS 程序监测，目录下的所有scss/sass源文件都会被编译，但通常不希望局部文件被编译，因为局部文件是用来被导入到其他文件的。如果不想局部文件被编译，文件名可以以下划线 （_）开头，如下图的 public 最好前面添加 “_” 开头，这样就不会导出 css 文件，如 _test.scss 文件，因为我们只是单纯引入，不需要 css 文件。

  2、还有就是带（_）文件，在引入时，可以不写（_）,即引入 _test.scss , @import "test"

  3、这也就意味着，同一个目录下不能同时出现两个相关名的 SCSS 文件（一个不带，一个带），添加下划线的文件将会被忽略。

  • 2.4.1.2  跟我们普通css里面@import的区别

如下几种方式，都将作为普通的 CSS 语句，不会导入任何 SCSS 文件

  1. 文件拓展名是 .css；
  2. 文件名以 http:// 开头；
  3. 文件名是 url()；
  4. @import 包含 media queries。

  •  2.5  SCSS 混合指令 (Mixin Directives) 

混合指令（Mixin）用于定义可重复使用的样式。混合指令可以包含所有的 CSS 规则，绝大部分 SCSS 规则，甚至通过参数功能引入变量，输出多样化的样式。 

  • 2.5.1  定义与使用混合指令 @mixin

    @mixin mixin-name() {/* css 声明 */}

  • 2.5.1.1  标准写法

  • 2.5.1.2  嵌入选择器

  •  2.5.1.3  使用变量

  •  2.5.1.4  使用变量（多参数）

注意：必须多少参数，多少值，没有值可为0

  •  2.5.1.5  指定默认值

  •  2.5.1.6  可变参数

  • 2.5.2  @mixin混入总结

  1. mixin是可以重复使用的一组CSS声明
  2. mixin有助于减少重复代码，只需声明一次，就可在文件中引用
  3. 混合指令可以包含所有的 CSS 规则，绝大部分 SCSS 规则，甚至通过参数功能引入变量，输出多样化的样式。
  4. 使用参数时建议加上默认值

  •  2.6  SCSS @extend（继承）指令

在设计网页的时候通常遇到这样的情况：一个元素使用的样式与另一个元素完全相同，但又添加了额外的样式。通常会在 HTML 中给元素定义两个 class，一个通用样式，一个特殊样式。 

  • 2.6.1  用占位选择器继承

 注意：上面的图中 .alert 只是单纯的用于继承，不用做元素类名，但是它却导出成了 类名，这时我们可以用 占位选择器%foo 对其进行声明，不用于元素类名

  • 2.6.2  使用多个@extend

  • 2.6.3  @extend多层继承

  •  2.7  @mixin（混入）和 @extend（继承）的区别

  •  2.8  SCSS 运算符 的基本使用

  • 2.8.1  等号 操作符

所有数据类型都支持等号运算符:

符号说明
==等于
!=不等于

  • 2.8.2  关系（比较）运行符

符号说明
< （lt）小于
> （gt）大于
<= （lte）小于等于
>= （gte）大于等于

  • 2.8.3  逻辑 运行符

符号说明
and逻辑与
or逻辑或
not逻辑非

  • 2.8.4  数字 运行符

符号说明
+加
-减
*乘
/除
%取模
线数字、百分号、css部分单位（px、pt、in...）【线数字与百分号或单位运算时会自动转化成相应的百分比与单位值】

  • 2.8.4.1  “ + ” 运算

 

  • 2.8.4.2  “ - ” 运算

  • 2.8.4.3  “ * ” 运算

注意：这里 “*” 左右两边 都 带 单位，就会报错

  • 2.8.4.4  “ / ” 运算

注意：" / " 在 CSS 中通常起到分隔数字的用途，SassScript 作为 CSS 语言的拓展当然也支持这个功能，同时也赋予了 " / " 除法运算的功能。也就是说，如果 " / " 在 SassScript 中把两个数字分隔，编译后的 CSS 文件中也是同样的作用。

    以下三种情况 / 将被视为除法运算符号：

  1. 如果值或值的一部分，是变量或者函数的返回值
  2. 如果值被圆括号包裹
  3. 如果值是算数表达式的一部分

注意：如果需要使用变量，同时又要确保 / 不做除法运算而是完整地编译到 CSS 文件中，只需要用 #{} 插值语句将变量包裹。

  • 2.8.4.5  “ % ” 运算

  • 2.8.5  字符串运算

   注意：

  1. “ + ” 可用于连接字符串。
  2. [ "foo" + bar ] 和 [ "foo" + "bar" ]，运算结果是有引号的，[ foo + "bar"] 和 [ foo + bar ]，运算结果则没有引号。
  3. 如果有一个值是函数返回的，情况可能不一样。

  •  2.9  SCSS 插值语句 #{ }

提出需求：如果需要使用变量，同时又要确保 / 不做除法运算而是完整地编译到 CSS 文件中。

解决方法：只需要用 #{} 插值语句将变量包裹。

 通过 #{} 插值语句可以在选择器、属性名、注释中使用变量：

  •  2.10  SCSS 常见函数的基本使用

常见函数简介，更多函数列表可看：Sass: Built-In Modules

  • 2.10.1  Color（颜色函数）

SCSS 包含很多操作颜色的函数。例如：lighten() 与 darken()函数可用于调亮或调暗颜色，opacify()函数使颜色透明度减少，transparentize()函数使颜色透明度增加，mix()函数可用来混合两种颜色。

  • 2.10.2  String（字符串函数）

SCSS 有许多处理字符串的函数，比如向字符串添加引号的 quote()、获取字符串长度的str-length() 和 将内容插入字符串给定位置的 str-insert()。

  • 2.10.3  Math（数值函数）

数值函数处理数值计算，例如：percentage()将无单元的数值转换为百分比，round()将数字四舍五入为最接近的整数，min()和max()获取几个数字中的最小值或最大值，random()返回一个随机数。

  • 2.10.4  List 函数

List 函数操作 List，length() 返回列表长度，nth() 返回列表中的特定项，join() 将两个列表连接在一起，append() 在列表末尾添加一个值。

  • 2.10.5  Map函数

Map函数操作Map，map-get() 根据键值获取map中的对应值，map-merge() 来将两个map合并成一个新的map，map-values() 映射中的所有值。

  • 2.10.6  selector 选择器函数

选择符相关函数可对CSS选择进行一些相应的操作，例如：selector-append()可以把一个选择符附加到另一个选择符，selector-unify()将两组选择器合成一个复合选择器。

  • 2.10.7  自检函数

自检相关函数，例如：feature-exists() 检查当前 SCSS 版本是否存在某个特性，variable-exists() 检查当前作用域中是否存在某个变量【注意：例如检测 $color 不需要加 $，写 color 即可】，mixin-exists() 检查某个mixin是否存在。

自检函数通常用在代码的调试上

  •  2.11  SCSS 流程控制指令@if、@for、@each、@while

  • 2.11.1  @if 控制指令

  1. @if()函数允许您根据条件进行分支，并仅返回两种可能结果中的一种。
  2. 语法方式同js的 if....  else if...  else

  • 2.11.2  @for 指令

@for 指令可以在限制的范围内重复输出格式，每次按要求（变量的值）对输出结果做出变动。这个指令包含两种格式：@for $var from through ，或者 @for $var from to

区别在于 through 与 to 的含义：

  1. 当使用 through 时，条件范围包含与的值【例：1-5，包含 5】。
  2. 而使用 to  时条件范围只包含的值不包含 的值【例：1-5，不包含 5】。
  3. 另外，$var 可以是任何变量，比如 $i； 但是必须是整数值。

  • 2.11.3  @each 指令

@each 指令的格式是 $var in <list> , $var 可以是任何变量名，比如 $length 或者 $name，而 <list> 是一连串的值，也就是值列表。

  • 2.11.4  @while 指令

@while 指令重复输出格式直到表达式返回结果为 false。这样实现比 @for 更复杂的循环。

  •  2.12  SCSS @function 的使用

  • 2.12.1  函数的定义与使用

函数的作用：把一些比较复杂或经常用些的内容进行抽离（封装），以便重复使用

  • 2.12.1.1  函数的定义

提示：函数名function-name 与function_name 是相同的@function function-name($param1, $param2, ...){...@return $value;
}

  • 2.12.1.2  @return

它只允许在 @函数体 中使用，并且每个 @function 必须以@return结束。当遇到 @return时，它会立即结束函数并返回其结果。

  • 2.12.2  函数的使用及参数与默认值

/** *定义线性渐变*@param $direction  方向*@param $gradients  颜色过度的值列表*/@function background-linear-gradient($direction, $start-color, $end-color:blue) {@return linear-gradient($direction, $start-color, $end-color);
}1、正常传参调用
.header {background-image: background-linear-gradient(to right, red, green);
}2、省略默认值【因为默认值已经设好了】
.header {background-image: background-linear-gradient(to right, red);
}3、按照参数名传参
.header {background-image: background-linear-gradient($start-color: red, $direction: to bottom);
}

  • 2.12.3  任意参数

$gradients...   =>   注意后面这三点，加上后，这个是 可变参数@function background-linear-gradient($direction, $gradients...) {@return linear-gradient($direction, $gradients);
}.header {background-image: background-linear-gradient(to bottom, red, green, blue);
}

注意点：

    $widths: 50px,30px,100px;.logo {width: min($widths);  <= 错误写法：会报错，我们需要用可变参数才对width: min($widths...);}

  • 2.12.4  混入mixin和函数function的区别

  1. 混入mixin主要是通过传递参数的方式输出多样化的样式，为了可以现实代码复用。
  2. 函数的功能主要是通过传递参数后，经过函数内部的计算，最后@return输出一个值。

  •  2.13  三元条件函数 if 的使用

语法：if($condition, $if-true, $if-false)

解释：判断 $condition，如果条件成立，则返回 $if-true 的结果，如果条件不成立，则返回 $if-false 的结果。

  •  2.14  SCSS @use 的使用

  1. 从其他 SCSS 样式表加载mixin，function和变量，并将来自多个样式表的CSS组合在一起，@use加载的样式表被称为“模块”，多次引入只包含一次。
  2. @use也可以看作是对@import的增强
  3. 语法：@use '<url>' [as 重命名]

  • 2.14.1  @use 和 @import 的区别

注意1：使用 @use 时，会把前面所有文件的其中的同类名覆盖，而 @import则不会，会全部显示。

注意2：使用 @use 时，重复引用 一个文件，会报错，但你又想引用，那就需使用模块名。

  • 2.14.1.1  通过 as 使用新定义的模块名

注意：如果下面没通过模块名去调用 $font-szie ，就会报错，可通过取消命名空间去除报错

  •  2.14.1.2  通过 as 取消命名空间

可能@use "" as * 来取消命名空间，这种方式加载的模块被提升为全局模块

注意：这种方式慎用

  • 2.14.2  定义私有成员

如果加载的模块内部有变量只想在模块内使用，可使用 $- 或 $_ 定义在变量头即可

  • 2.14.3  定义默认值

  • 2.14.4  @use使用总结

  1. @use引入同一个文件多次，不会重复引入，而@import会重复引入
  2. @use引入的文件都是一个模块，默认以文件名作为模块名，可通过as alias取别名
  3. @use引入多个文件时，每个文件都是单独的模块，相同变量名不会覆盖，通过模块名访问，而@import变量会被覆盖
  4. @use方式可通过 @use 'xxx' as *来取消命名空间，建议不要这么做
  5. @use模块内可通过 $-  或 $_ 来定义私有成员，也就是说或者-开头的Variables mixins functions 不会被引入
  6. @use模块内变量可通过！default 定义默认值，引入时可通用with（...）的方式修改
  7. 可定义-index.scss或_index.scss来合并多个scss文件，它@use默认加载文件

  •  2.15  SCSS @forward的使用

作用：通过 @forward 加载一个模块的成员，并将这些成员当作自己的成员对外暴露出去，类似于类似于 es6 的 export ...，通常用于跨多个文件组织 SCSS 库

  • 2.15.1  转发、合并SCSS

注意：当多个被转发的文件存在相同变量、函数、混入时会有问题，可以通过定义前缀解决

  • 2.15.2  选择性转发

默认情况下，@forward 会将一个模块中所有成员都转发，如果只想转发某些成员，当你不想

转发所有变量、函数、混入时，可使用 hide \ show :

  1. @forward "module" hide $var, mixinName, fnName 禁止转发某些成员
  2. @forward "module" show $var, mixinName, fnName 只转发某些成员

  • 2.15.3  转发时定义前缀

各个成员通过逗号 , 分隔开，如果成员是变量，不能省略 $ 符号。

  • 2.15.4  转发时配置模块的成员

  • 2.15.5  @use 与 @forward 一起使用的情况

当一个模块里面须要同时使用@use与@forward引用同一文件时，建议先使用@forwar后再使用@use，不然某些情况可能报错

@use 'uses/code';
@forward 'uses/common' as com-*;
@forward 'uses/global' as glob-* show glob-base;
@use 'use/common' as c1;
.test {font-size: c1.$font-size;color: code.$color;
}

  •  2.16  SCSS 中 @at-root 使用

作用：@at-root 可以使被嵌套的选择器或属性跳出嵌套【例子：比如一段嵌套的样式对应的html有一天需要移动到另一层div中，这时，你加了 @at-root 在样式中，就什么都不用动了】

    @at-root <selector>{...}

  • 2.16.1  普通嵌套

  • 2.16.2  使用 @at-root 跳出嵌套

  • 2.16.2.1  作用 某个 选择器使其跳出嵌套

  • 2.16.2.2  作用 某些 选择器使其跳出嵌套

  • 2.16.3  使用 @at-root 结合 #{&} 实现BEM效果

    需要实现下面的效果.block{width: 1000px;}.block__element{font-size: 12px;}.block--modifier{font-size: 14px;}.block__element--modifier{font-size: 16px;}

  • 2.16.4  @at-root (without: …) 和 @at-root (with: …) 的使用

默认 @at-root 只会跳出选择器嵌套，而不能跳出 @media 或 @support ，如要跳出这两种，需用 @at-root (without: media)，@at-root (without: support)。这个语法关键词有四个【@at-root (without: all)、@at-root (without: rule)】：

  1. all（表示所有）
  2. rule（表示常规css）
  3. media（表示media）
  4. supports（表示supports）

  • 2.16.4.1  @at-root (without: …)

@at-root (without: ...) 表示在当前作用域生成的 CSS 规则将不包含指定的选择器。例如：

.container {@at-root (without: .nested) {color: red;}
}.nested {color: blue;
}

上述代码中，使用 @at-root (without: .nested) 指令将生成 .container 的规则放在顶层，排除了包含 .nested 的规则，并且生成的 CSS 如下：

.container {color: red;
}.nested {color: blue;
}

注意到 .nested 规则没有被移动到顶层，因为在 @at-root (without: .nested) 中指定了排除该选择器。

  • 2.16.4.2  @at-root (with: …)

@at-root (with: ...) 表示只有指定的选择器会被包含在生成的 CSS 规则中。例如：

.container {color: red;@at-root (with: .nested) {color: blue;}
}.nested {font-weight: bold;
}

上述代码中，使用 @at-root (with: .nested) 指令将生成 .container 的规则和包含 .nested 的规则放在顶层，并且生成的 CSS 如下：

.container {color: red;
}.nested {color: blue;font-weight: bold;
}

可以看到，.container 和 .nested 的规则都被移动到了顶层。这是因为在 @at-root (with: .nested) 中指定了只包含 .nested 选择器的规则。

看到这里完结了 O.o 

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/100327.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Ubuntu本地快速搭建web小游戏网站，并使用内网穿透将其发布到公网上

Ubuntu本地快速搭建web小游戏网站，并使用内网穿透将其发布到公网上

文章目录 前言1. 本地环境服务搭建2. 局域网测试访问3. 内网穿透3.1 ubuntu本地安装cpolar内网穿透3.2 创建隧道3.3 测试公网访问 4. 配置固定二级子域名4.1 保留一个二级子域名4.2 配置二级子域名4.3 测试访问公网固定二级子域名 前言 网&#xff1a;我们通常说的是互联网&am…
阅读更多...
MySQL的基础操作

MySQL的基础操作

前言 对MySQL的一些基础操作做一下学习性的总结&#xff0c;基本上是照着视频写的。 MySQL的安装 MySQL的下载 MySQL :: Download MySQL Community Server (Archived Versions)https://downloads.mysql.com/archives/community/ 配置环境变量 下载之后直接解压&#xff0c…
阅读更多...
IDEA启动报错【java.sql.SQLSyntaxErrorException: ORA-00904: “P“.“PRJ_NO“: 标识符无效】

IDEA启动报错【java.sql.SQLSyntaxErrorException: ORA-00904: “P“.“PRJ_NO“: 标识符无效】

IDEA报错如下&#xff1a; 2023-08-17 11:26:15.535 ERROR [egrant-biz,b48324d82fe23753,b48324d82fe23753,true] 24108 --- [ XNIO-1 task-1] c.i.c.l.c.RestExceptionController : 服务器异常org.springframework.jdbc.BadSqlGrammarException: ### Error queryin…
阅读更多...
Vue前端封装一个任务条的组件进行使用

Vue前端封装一个任务条的组件进行使用

任务条 样式 代码 父组件 <articleSteps :tabs"tabs" :tabs-active-name"tabsActiveName" /><div class"drawer__footer"><el-button v-if"tabsActiveName 1 || tabsActiveName 2" click"backClick">…
阅读更多...
【3Ds Max】可编辑多边形“边”层级的简单使用

【3Ds Max】可编辑多边形“边”层级的简单使用

目录 简介 示例 1. 编辑边 &#xff08;1&#xff09;插入顶点 &#xff08;2&#xff09;移除 &#xff08;3&#xff09;分割 &#xff08;4&#xff09;挤出 &#xff08;5&#xff09;切角 &#xff08;6&#xff09;焊接 &#xff08;7&#xff09;桥 &…
阅读更多...
1.jvm和java体系结构

1.jvm和java体系结构

jvm简介 JVM&#xff1a;跨语言的平台 Java是目前应用最为广泛的软件开发平台之一。随着Java以及Java社区的不断壮大Java 也早已不再是简简单单的一门计算机语言了&#xff0c;它更是一个平台、一种文化、一个社区。 ● 作为一个平台&#xff0c;Java虚拟机扮演着举足轻重的…
阅读更多...
前端（十三）——JavaScript 闭包的奥秘与高级用法探索

前端（十三）——JavaScript 闭包的奥秘与高级用法探索

&#x1f636;博主&#xff1a;小猫娃来啦 &#x1f636;文章核心&#xff1a;深入理解 JavaScript 中的闭包 文章目录 不理解闭包&#xff1f;这玩意很难&#xff1f;闭包的定义与原理闭包是什么创建一个闭包 闭包的应用场景闭包与作用域闭包与作用域之间的关系全局作用域、函…
阅读更多...
【CHI】（十三）链路层

【CHI】（十三）链路层

本章介绍了链路层&#xff0c;链路层为节点之间的基于数据包的通信和跨链路的互连提供了一种简化的机制。它包含以下几部分&#xff1a; IntroductionLinkFlitChannelPortNode interface definitionsIncreasing inter-port bandwidthChannel interface signalsFlit packet defi…
阅读更多...
视频汇聚/视频云存储/视频监控管理平台EasyCVR添加萤石云设备详细操作来啦！

视频汇聚/视频云存储/视频监控管理平台EasyCVR添加萤石云设备详细操作来啦！

安防视频监控/视频集中存储/云存储/磁盘阵列EasyCVR平台可拓展性强、视频能力灵活、部署轻快&#xff0c;可支持的主流标准协议有国标GB28181、RTSP/Onvif、RTMP等&#xff0c;以及支持厂家私有协议与SDK接入&#xff0c;包括海康Ehome、海大宇等设备的SDK等。平台既具备传统安…
阅读更多...
juc概述和Lock接口

juc概述和Lock接口

目录 一、什么是JUC 1、JUC概述 2、进程与线程 3、线程的状态 4、wait/sleep 的区别 5、并发与并行 6、管程 7、用户线程和守护线程 二、Lock接口 1、Synchronized 使用synchronized实现售票案例 使用synchronized实现增减变量操作 2、什么是 Lock 买票例子使用lo…
阅读更多...
CST HFSS MATLAB参数方程定义曲面绘制

CST HFSS MATLAB参数方程定义曲面绘制

CST HFSS 函数定义曲面绘制 简介环境HFSSCSTMATLAB 简介 若在柱坐标系中半径r随z和phi都会变&#xff0c;无法使用一般的方法绘制&#xff0c;这时可以使用参数方程定义的曲面来绘制。举一个例子如下&#xff0c; r 100 0.5 ( c o s ( 0.2 ∗ p i ∗ z ) − 1 ) c o s ( φ …
阅读更多...
定位服务器CPU爆满的具体原因

定位服务器CPU爆满的具体原因

1、查询CPU消耗的进程 使用top命令查看系统的CPU和内存使用情况 CPU一列是线程占用百分比 2、具体查看某个占分比大的进程 以为PId:7355为例&#xff0c; 执行top -Hp 7355&#xff0c;线程按照CPU使用率排序。 3、将线程PID转化为16进制 执行printf %x 7391&#xff0c;将…
阅读更多...
论文阅读 - Understanding Diffusion Models: A Unified Perspective

论文阅读 - Understanding Diffusion Models: A Unified Perspective

文章目录 1 概述2 背景知识2.1 直观的例子2.2 Evidence Lower Bound(ELBO)2.3 Variational Autoencoders(VAE)2.4 Hierachical Variational Autoencoders(HVAE) 3 Variational Diffusion Models(VDM)4 三个等价的解释4.1 预测图片4.2 预测噪声4.3 预测分数 5 Guidance5.1 Class…
阅读更多...
Istio入门体验系列——基于Istio的灰度发布实践

Istio入门体验系列——基于Istio的灰度发布实践

导言&#xff1a;灰度发布是指在项目迭代的过程中用平滑过渡的方式进行发布。灰度发布可以保证整体系统的稳定性&#xff0c;在初始发布的时候就可以发现、调整问题&#xff0c;以保证其影响度。作为Istio体验系列的第一站&#xff0c;本文基于Istio的流量治理机制&#xff0c;…
阅读更多...
MySQL 字符集概念、原理及如何配置 — 图文详解

MySQL 字符集概念、原理及如何配置 — 图文详解

目录 一、字符集概念 1、字符&#xff08;Character&#xff09; 2、字符编码 3、字符集&#xff08;Character set&#xff09; 二、字符集原理 1、ASCII字符集 2、GB2312 3、GBK 4、GB18030 5、BIG5 6、Unicode 编码 三、字符序 四、MySQL字符集 & 字符序 …
阅读更多...
Git标签

Git标签

Git 中的标签&#xff0c;指的是某个分支某个特定时间点的状态(静态)。通过标签&#xff0c;可以很方便的切换到标记时的状态。 比较有代表性的是人们会使用这个功能来标记发布结点 (v1.0、v1.2等)。 下面是myatis-plus的标签: 1 标签相关命令 命令作用git tag查看标签&…
阅读更多...
Go语言入门指南：基础语法和常用特性(下)

Go语言入门指南：基础语法和常用特性(下)

上一节&#xff0c;我们了解Go语言特性以及第一个Go语言程序——Hello World&#xff0c;这一节就让我们更深入的了解一下Go语言的**基础语法**吧&#xff01; 一、行分隔符 在 Go 程序中&#xff0c;一行代表一个语句结束。每个语句不需要像 C 家族中的其它语言一样以分号 ;…
阅读更多...
解决多模块开发中的问题（聚合继承）

解决多模块开发中的问题（聚合继承）

&#x1f40c;个人主页&#xff1a; &#x1f40c; 叶落闲庭 &#x1f4a8;我的专栏&#xff1a;&#x1f4a8; c语言 数据结构 javaweb 石可破也&#xff0c;而不可夺坚&#xff1b;丹可磨也&#xff0c;而不可夺赤。 Maven 一、聚合1.1创建Maven模块&#xff0c;设置打包类型…
阅读更多...
ThreadLocal内存泄漏问题

ThreadLocal内存泄漏问题

引子&#xff1a; 内存泄漏&#xff1a;是指本应该被GC回收的无用对象没有被回收&#xff0c;导致内存空间的浪费&#xff0c;当内存泄露严重时会导致内存溢出。Java内存泄露的根本原因是&#xff1a;长生命周期的对象持有短生命周期对象的引用&#xff0c;尽管短生命周期对象已…
阅读更多...
ABAP 定义复杂的数据结构

ABAP 定义复杂的数据结构

最近有个需求是实现ABAP数据类型与JASON类型的转换。想要创建个ABAP的数据类型来接JASON类型是个挺麻烦的事。例如下面这个JASON数据&#xff0c;是个很简单的数据结构。但对ABAP来说有4层了&#xff0c;就有点复杂了。 不过ABAP的数据类型也是支持直接定义数据结构的嵌套的。如…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023