CSS @规则(At-rules)系列详解___@import规则使用方法

news2024/10/17 10:18:11

CSS @规则(At-rules)系列详解

___@import规则使用方法

本文目录：

零、时光宝盒

一、@import规则定义和用法

二、CSS @import语法

2.1、语法格式

2.2、常见形式

2.3、语法说明

三、@import使用方法例子

3.1、导入 CSS 规则

3.2、根据媒体查询条件导入 CSS 规则

3.2.1、只在媒体为 print 时导入 "printstyle.css" 样式表

3.2.2、只在媒体为 screen 时导入 "screenstyle.css" 样式表

3.2.3、在媒体为 print 和 screen 时导入 "printscreenstyle.css" 样式表

3.2.4、仅在横向屏幕设备上加载 landscape.css 样式表

3.2.5、只在媒体为 screen 且屏幕窗口最大宽度800像素时导入 "styles.css" 样式表

3.3、根据功能支持条件导入 CSS 规则

3.3.1、如何导入使用网格的布局

3.3.2、 @import导入，取决于 子代组合器函数

3.4、将 CSS 规则导入层叠层

3.4.1、创建了一个名为 utilities 的层叠层，它将包含来自导入的样式表 theme 的规则。

3.4.2、样式表中的规则在同一层中进行层叠

3.5、创建两个独立的无名层叠层并将链接规则分别导入到每个层叠层

3.6、错误使用举例

3.6.1、@import at-rule在它无效的样式之后声明，因此它被忽略

3.6.2、@import 规则不是一个 嵌套语句。因此，它不能在 条件组 at-rule 中使用。

 零、时光宝盒

（https://blog.csdn.net/weixin_69553582  逆境清醒）

2ab463de26a541818271efa176656ae6.png

　　补充今天凌晨写的那篇《CSS @规则(At-rules)系列详解___@font-face规则使用方法》，每个人都有权选择自己想要的人生路。特别是在非正常环境下，我能理解那些困境下为了能够自保而选择。。。的人，我没有怪罪过他们。

　　在“恶”因为掌握着各种高新科技技术占据着绝对控制局面下，我们普通的凡人真的很无助，毫无反抗之力（我们没有任何证据，只会被别人当成疯子）。我看着他（她）们被高科技脑意识操控下去伤害对他（她）们最好的人，被各种愚弄，还把那些别人灌入的操控意识当成自己的想法，自己还想办法证明那些意识是正确的是他自己想要的，于是，那些智者疑邻的场面一次次出现，看什么都像那些操控意识里布局的那样。

　　亲者痛，仇者快，谁开心？每每看穿了这些（不是我个人的事情），我都无助到想哭。

　　那些坏人势力用各种打击方法，毁掉你人生乐趣，操控你关心的人一次次去伤害你，给你制造各种麻烦和疾病，全方面从身体上生理上心理上打击一个人，而且精心设局孤立你，这种处境下，突然病故，被逼疯，被逼到宁愿结束自己生命的有多少人？而能看清这一切，知道到底发生什么的又有多少人？

　　我选择了善良，我被打击，我知道这种处境的苦。我没有权力要求任何人选择和我一样，所以，我能理解那些看到我。。。选择离开的人。我知道他（她）们也正经历着很多烦心事，也许已经忙得焦头烂额，没有精力去管别人。我很普通，从小到大都是可有可无的存在。前几天，我突然想知道我到底算什么，就问我妈：“妈，你知道我喜欢吃什么吗？”我妈回答：“我为什么要知道你喜欢什么。”是啊，我不重要，所以没必要知道。但我却知道爸爸喜欢吃什么，妈喜欢吃什么不吃什么，也知道一些哥哥喜欢的，包括嫂子，因为我心里有他她们，他们是我家里人。

　　可正因为如此，被备受打击困境下，我更加会选择“善”，是不需要积功德全凭初心而为的善。

　　我希望你们也能选择从心，是那颗原本属于自己的心，而不是被迷惑操控下的非本心。

   逆境清醒

2024.10.13

7f8eafc867aa425cab7d368ee0eb4dd8.gif

一、@import规则定义和用法

　　@import CSS at-rule 用于从其他有效的样式表导入样式规则，用于引入外部样式表，例如另一个CSS文件。CSS中的@import规则它允许将样式表分成多个文件，使代码更具可维护性和可复用性。

　　@import规则的作用是将所导入的样式表的规则合并到当前样式表中。例如，如果主样式表中定义了一个类，而被导入的样式表中也定义了相同的类，那么导入后的样式表中将包含两个类的规则。

　　@import规则必须位于CSS文件的顶部（开头），并且必须放在所有其他规则之前。可以导入多个样式表，每个样式表一行。如果导入的是相对路径的样式表，则相对路径是相对于当前样式表的位置。

它的形式如下：

@import url("styles.css");

其中，`url("styles.css")`指定了要引入的外部样式表的文件路径。

可以在一个CSS文件中使用多个@import规则，每个规则引入一个外部样式表。例如：

@import url("reset.css");
@import url("layout.css");
@import url("theme.css");

　　注意，使用@import规则引入的样式表会在页面加载时下载，这可能会导致页面加载速度较慢。

　　另外，@import规则只能引入CSS样式表文件，不能引入其他类型的文件（例如JavaScript文件）。

　　前端开发中常使用<link>标签来引入外部样式表，因为<link>标签的加载方式更加高效，可以并行下载多个样式表，提高页面加载性能。因此，可以按自己实际情况使用<link>标签而非@import规则来引入外部样式表。

在使用@import时需要注意以下几点：

  • 1、 @import规则必须出现在样式表的开头，即：必须位于文档顶部（在任何其他 at-rule（除了 @charset 和 @layer）和样式声明之前，否则将被忽略）。
  • 2、@import导入的样式表需要通过HTTP请求加载，因此会增加页面的加载时间；
  • 3、@import规则只能导入样式表，不能导入其他类型的文件；
  • 4、@import 规则允许您将样式表导入另一张样式表中。
  • 5、@import 规则还支持媒体查询，因此可以允许依赖媒体的导入。

二、CSS @import语法

2.1、语法格式

CSS @import语法：

@import = 
  @import [ <url> | <string> ] [ layer | layer( <layer-name> ) ]? <import-conditions> ;

<url> = 
  <url()>  |
  <src()>  

<layer-name> = 
  <ident> [ '.' <ident> ]*  

<import-conditions> = 
  [ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?  

<url()> = 
  url( <string> <url-modifier>* )  |
  <url-token>                      

<src()> = 
  src( <string> <url-modifier>* )  

<supports-condition> = 
  not <supports-in-parens>                            |
  <supports-in-parens> [ and <supports-in-parens> ]*  |
  <supports-in-parens> [ or <supports-in-parens> ]*   

<supports-in-parens> = 
  ( <supports-condition> )  |
  <supports-feature>        |
  <general-enclosed>        

<supports-feature> = 
  <supports-decl>  

<general-enclosed> = 
  [ <function-token> <any-value>? ) ]  |
  [ ( <any-value>? ) ]                 

<supports-decl> = 
  ( <declaration> )  

2.2、常见形式

常见形式：
@import url;
@import url layer;
@import url layer(layer-name);
@import url layer(layer-name) supports(supports-condition);
@import url layer(layer-name) supports(supports-condition) list-of-media-queries;
@import url layer(layer-name) list-of-media-queries;
@import url supports(supports-condition);
@import url supports(supports-condition) list-of-media-queries;
@import url list-of-media-queries;

2.3、语法说明

语法意义值
url表示要导入的资源的位置。URL 可以是绝对的或相对的。

是一个 <string>，

一个 <url>，

或一个 url() 函数，

list-of-media-queries它指定了应用链接 URL 中定义的 CSS 规则的媒体相关条件。如果浏览器不支持任何这些查询，它将不加载链接的资源。是一个用逗号分隔的 媒体查询 列表，
layer-name是一个 级联层 的名称，将链接资源的内容导入到其中。级联层 的名称
supports-condition

表示浏览器必须支持的功能，以便导入样式表。

如果浏览器不符合*supports-condition*中指定的条件，它可能不会获取链接的样式表，即使通过其他路径下载，也不会加载它。

supports() 的语法与 @supports 中描述的语法几乎相同，该主题可以用作更完整的参考。

　　导入的规则必须在所有其他类型的规则之前，除了 @charset 规则和创建层的 @layer 语句。

　　为了使 用户代理 避免检索不支持媒体类型的资源，代码编写时，可以指定媒体相关的导入条件。这些条件导入在 URL 后指定用逗号分隔的 媒体查询。在没有媒体查询的情况下，导入不依赖于使用的媒体。为list-of-media-queries 指定all具有相同的效果。

　　类似地，用户代理可以在@import at-rule 中使用supports() 函数，仅在特定功能集受支持（或不受支持）时才获取资源。这使作者能够利用最近引入的 CSS 功能，同时为旧版本的浏览器提供优雅的回退。请注意，可以在 JavaScript 中使用 CSSImportRule.supportsText 获取@import at-rule 的supports() 函数中的条件。

　　@import 规则也可以用于通过从链接资源导入规则来创建 层叠层。 规则也可以导入到现有的层叠层中。为此，@import 使用 layer 关键字或 layer() 函数。来自导入样式表的样式规则中的声明将与它们在导入点直接写入样式表一样，与层叠交互。

三、@import使用方法例子

3.1、导入 CSS 规则

把 "njqxstyles.css" 样式表导入当前样式表中：

@import "njqxstyles.css"; /* 使用字符串 */
或者
@import url("njqxstyles.css"); /* 使用 url */

以上两个示例展示了如何将 url 指定为 <string> 和 url() 函数。

3.2、根据媒体查询条件导入 CSS 规则

3.2.1、只在媒体为 print 时导入 "printstyle.css" 样式表

/* 只在媒体为 print 时导入 "printstyle.css" 样式表*/
@import url("printstyle.css") print;
或
@import "printstyle.css" print;

3.2.2、只在媒体为 screen 时导入 "screenstyle.css" 样式表

/* 只在媒体为 screen 时导入 "screenstyle.css" 样式表*/
@import "screenstyle.css" screen;

3.2.3、在媒体为 print 和 screen 时导入 "printscreenstyle.css" 样式表

/* 在媒体为 print 和 screen 时导入 "printscreenstyle.css" 样式表*/
@import url("printscreenstyle.css") print, screen;

3.2.4、仅在横向屏幕设备上加载 landscape.css 样式表

/* 仅在横向屏幕设备上加载 landscape.css 样式表。 */
@import url("landscape.css") screen and (orientation: landscape);

上面示例中的 @import 规则展示了媒体相关条件，这些条件必须为真才能应用链接的 CSS 规则。

3.2.5、只在媒体为 screen 且屏幕窗口最大宽度800像素时导入 "styles.css" 样式表

/* 只在媒体为 screen 且屏幕窗口最大宽度800像素时导入 "styles.css" 样式表 */

@import "styles.css" screen and (max-width: 800px);

3.3、根据功能支持条件导入 CSS 规则

3.3.1、如何导入使用网格的布局

下面的示例展示了使用简单声明语法支持条件。

/* @import 规则说明了如何导入使用网格的布局（如果支持 display: grid），否则导入使用 display: flex 的 CSS。*/

@import url("gridy.css") supports(display: grid) screen and (max-width: 400px);
@import url("flexy.css") supports((not (display: grid)) and (display: flex))
  screen and (max-width: 400px);


　　上面的 @import 规则说明了如何导入使用网格的布局（如果支持 display: grid），否则导入使用 display: flex 的 CSS。

　　虽然只能有一个 supports() 语句，但可以将任意数量的功能检查与 not、and 和 or 结合使用。

　　但是，在混合使用时，必须使用括号定义优先级，例如 supports((..) or (..) and not (..)) 是无效的，但 supports((..) or ((..) and (not (..)))) 是有效的。

　　如果只有一个声明，则无需将其包装在额外的括号中：这在上面的第一个示例中有所体现。

　　您也可以在 supports() 中指定 CSS 函数，如果它们受支持并且可以在用户代理上评估，则它将评估为 true。

3.3.2、 @import导入，取决于 子代组合器函数

例如，下面的代码展示了一个 @import，它取决于 子代组合器 (selector()) 和 font-tech() 函数。

/* 展示了一个 @import，它取决于 子代组合器 (selector()) 和 font-tech() 函数*/

@import url("whatever.css")
supports((selector(h2 > p)) and (font-tech(color-COLRv1)));


3.4、将 CSS 规则导入层叠层

3.4.1、创建了一个名为 utilities 的层叠层，它将包含来自导入的样式表 theme 的规则。

/* 创建了一个名为 utilities 的层叠层，它将包含来自导入的样式表 theme 的规则 */

@import "theme.css" layer(utilities);


3.4.2、样式表中的规则在同一层中进行层叠

headings.css 和 links.css 样式表中的规则与 audio[controls] 规则在同一层中进行层叠。

/* headings.css 和 links.css 样式表中的规则与 audio[controls] 规则在同一层中进行层叠。*/
@import url(headings.css) layer(default);
@import url(links.css) layer(default);

@layer default {
  audio[controls] {
    display: block;
  }
}


 

3.5、创建两个独立的无名层叠层并将链接规则分别导入到每个层叠层

@import "theme.css" layer();
@import "style.css" layer;


　　这是一个创建两个独立的无名层叠层并将链接规则分别导入到每个层叠层的示例。没有声明名称的层叠层是无名层叠层。无名层叠层在创建时被最终确定：它们不提供任何重新排列或添加样式的方法，也不能从外部引用。
 

3.6、错误使用举例

3.6.1、@import at-rule在它无效的样式之后声明，因此它被忽略

以下是错误的声明：

* {
  margin: 0;
  padding: 0;
}
/* more styles */
@import url("my-imported-styles.css");

由于@import at-rule 在它无效的样式之后声明，因此它被忽略。
正确的使用方法：

@import url("my-imported-styles.css");
* {
  margin: 0;
  padding: 0;
}
/* more styles */



3.6.2、@import 规则不是一个 嵌套语句。因此，它不能在 条件组 at-rule 中使用。

举个例子来说明@import规则不能在条件组at-rule中使用的情况：

假设我们有两个CSS文件：styles.css和media-queries.css。

styles.css中包含了一些通用的样式规则：

body {
  font-size: 16px;
  color: #333;
}

而media-queries.css中包含了一些针对不同设备的特定样式规则：

@media screen and (max-width: 600px) {
  body {
    font-size: 14px;
  }
}

现在，如果我们想要在styles.css中引入media-queries.css，我们可能会尝试使用@import规则，如下所示：

@import "media-queries.css";

然而，这种做法是错误的，因为@import规则不能在条件组at-rule中使用。

条件组at-rule是指在@media、@supports和@document等规则中定义的条件表达式。

正确的做法应该是在HTML文件中使用link标签来引入CSS文件：

<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="media-queries.css" media="screen and (max-width: 600px)">

通过link标签引入CSS文件，可以将通用样式和特定样式分开，保持代码的可维护性和可读性。

 

          推荐阅读：

CSS @规则(At-rules)索引目录

9e598365ba5344e282453e71a676a056.jpeg​​​

b9b9f2b9374646798ca554110a498cda.jpeg​​​

23f61e3eac99458296be0fedea10019e.jpeg​​​

给照片换底色（python+opencv）猫十二分类基于大模型的虚拟数字人__虚拟主播实例

bfa502b957c247a7872d7e645d4c6f03.jpeg​​​​​

2f073e39924e42d2b33221f4262dcc1d.jpeg​​​​​

9d7e2b6a00aa45fd82291f0d5f9eea7e.jpeg​​​​​

计算机视觉__基本图像操作（显示、读取、保存）直方图（颜色直方图、灰度直方图）直方图均衡化（调节图像亮度、对比度）

01bfb23f2f894ee0b0164f52e57bbbbc.png​​​​​

47c92d6cf9fe4d279a142480a4340a0d.png​​​​​

1620a2a7b0914c42b3a8254e94269a79.png​​​​​

语音识别实战（python代码）(一）

 人工智能基础篇

 计算机视觉基础__图像特征

93d65dbd09604c4a8ed2c01df0eebc38.png​​​​​

 matplotlib 自带绘图样式效果展示速查（28种，全）

074cd3c255224c5aa21ff18fdc25053c.png​​​​​

Three.js实例详解___旋转的精灵女孩(附完整代码和资源)（一）

fe88b78e78694570bf2d850ce83b1f69.png​​​​​

62e23c3c439f42a1badcd78f02092ed0.png​​​​​

cb4b0d4015404390a7b673a2984d676a.png​​​​​

立体多层玫瑰绘图源码__玫瑰花python 绘图源码集锦

 Python 3D可视化（一）

让你的作品更出色——词云Word Cloud的制作方法（基于python，WordCloud，stylecloud)

e84d6708316941d49a79ddd4f7fe5b27.png​​​​​

938bc5a8bb454a41bfe0d4185da845dc.jpeg​​​​​

0a4256d5e96d4624bdca36433237080b.png​​​​​

 python Format()函数的用法___实例详解（一）(全，例多）___各种格式化替换，format对齐打印

 用代码写出浪漫__合集（python、matplotlib、Matlab、java绘制爱心、玫瑰花、前端特效玫瑰、爱心）

python爱心源代码集锦（18款）

dc8796ddccbf4aec98ac5d3e09001348.jpeg​​​​​

0f09e73712d149ff90f0048a096596c6.png​​​​​

40e8b4631e2b486bab2a4ebb5bc9f410.png​​​​​

 Python中Print()函数的用法___实例详解(全，例多）

 Python函数方法实例详解全集(更新中...)

 《 Python List 列表全实例详解系列（一）》__系列总目录、列表概念

09e08f86f127431cbfdfe395aa2f8bc9.png​​​​​

6d64357a42714dab844bf17483d817c0.png​​​​​

用代码过中秋，python海龟月饼你要不要尝一口？

 python练习题目录

03ed644f9b1d411ba41c59e0a5bdcc61.png​​​​​

daecd7067e7c45abb875fc7a1a469f23.png​​​​​

17b403c4307c4141b8544d02f95ea06c.png​​​​​

草莓熊python turtle绘图（风车版）附源代码

 ​草莓熊python turtle绘图代码（玫瑰花版）附源代码

 ​草莓熊python绘图（春节版，圣诞倒数雪花版）附源代码

4d9032c9cdf54f5f9193e45e4532898c.png​​​​​

c5feeb25880d49c085b808bf4e041c86.png​​​​​

 巴斯光年python turtle绘图__附源代码

皮卡丘python turtle海龟绘图（电力球版）附源代码

80007dbf51944725bf9cf4cfc75c5a13.png​​​​​

1ab685d264ed4ae5b510dc7fbd0d1e55.jpeg​​​​​

1750390dd9da4b39938a23ab447c6fb6.jpeg​​​​​

 Node.js (v19.1.0npm 8.19.3) vue.js安装配置教程（超详细）

 色彩颜色对照表（一）(16进制、RGB、CMYK、HSV、中英文名)

2024年6月多家权威机构____编程语言排行榜__薪酬状况

aa17177aec9b4e5eb19b5d9675302de8.png​​​​​​

38266b5036414624875447abd5311e4d.png​​​​​

6824ba7870344be68efb5c5f4e1dbbcf.png​​​​​

 手机屏幕坏了____怎么把里面的资料导出（18种方法）

【CSDN云IDE】个人使用体验和建议（含超详细操作教程）（python、webGL方向)

 查看jdk安装路径，在windows上实现多个java jdk的共存解决办法，安装java19后终端乱码的解决

1408dd16a76947e4a7eb3c54cd570d95.png​​​​​

vue3 项目搭建教程（基于create-vue，vite，Vite + Vue）

fea225cb9ec14b60b2d1b797dd8278a2.png​​​​​

bba02a1c4617422c9fbccbf5325850d9.png​​​​​

37d6aa3e03e241fa8db72ccdfb8f716b.png​​​​​

2023年春节祝福第二弹——送你一只守护兔，让它温暖每一个你【html5 css3】画会动的小兔子，炫酷充电，字体特

 别具一格，原创唯美浪漫情人节表白专辑，(复制就可用)（html5,css3,svg)表白爱心代码(4套)

SVG实例详解系列（一）(svg概述、位图和矢量图区别（图解）、SVG应用实例）

5d409c8f397a45c986ca2af7b7e725c9.png​​​​​

6176c4061c72430eb100750af6fc4d0e.png​​​​​

1f53fb9c6e8b4482813326affe6a82ff.png​​​​​

【程序人生】卡塔尔世界杯元素python海龟绘图（附源代码），世界杯主题前端特效5个（附源码）HTML+CSS+svg绘制精美彩色闪灯圣诞树，HTML+CSS+Js实时新年时间倒数倒计时(附源代码)

 2023春节祝福系列第一弹（上）（放飞祈福孔明灯，祝福大家身体健康）（附完整源代码及资源免费下载）

fffa2098008b4dc68c00a172f67c538d.png​​​​​

5218ac5338014f389c21bdf1bfa1c599.png​​​​​

c6374d75c29942f2aa577ce9c5c2e12b.png​​​​​

 tomcat11、tomcat10 安装配置（Windows环境）（详细图文）

 Tomcat端口配置（详细）

 Tomcat 启动闪退问题解决集（八大类详细）

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

结构体字节对齐的一些记录

结构体字节对齐的一些记录

‌结构体字节对齐的原因‌ 结构体字节对齐的主要原因是为了满足硬件平台的内存访问要求。某些硬件平台对特定类型的数据只能从特定的内存地址开始存取&#xff0c;如果数据没有进行对齐&#xff0c;可能会导致访问错误或效率低下。例如&#xff0c;某些架构的CPU在访问未对齐的…
阅读更多...
原来CDC数据同步可以这么简单，零代码可视化一键数据同步

原来CDC数据同步可以这么简单，零代码可视化一键数据同步

当前企业实时同步与分析场景中面临的挑战&#xff1a; 随着业务发展需要&#xff0c;实时分析成为企业目前的强需求&#xff0c;成为支撑企业业务发展的必须项。 一般来说&#xff0c;要满足数据实时分析的诉求&#xff0c;通常有两种方案&#xff1a; 第一种是直接使用源端…
阅读更多...
多线程——解决线程安全问题

多线程——解决线程安全问题

目录 前言 一、 synchronized 关键字 1. synchronized 的作用 1. synchronized 的特性 &#xff08;1&#xff09;互斥性 &#xff08;2&#xff09;可重入 2. synchronized 使用示例 &#xff08;1&#xff09;修饰代码块 &#xff08;2&#xff09;直接修饰普通方法…
阅读更多...
Linux的GDB学习与入门

Linux的GDB学习与入门

GDB GDB&#xff08;GNU Debugger&#xff09;是一个功能强大的调试工具&#xff0c;广泛用于调试 C、C 和其他编程语言编写的程序。它是 GNU 项目的一部分&#xff0c;专为帮助开发者在程序执行时检测和修复错误设计。GDB 能够控制程序的执行&#xff0c;查看程序内部的状态&…
阅读更多...
2024诺奖引发思考，AI究竟是泡沫还是未来？

2024诺奖引发思考，AI究竟是泡沫还是未来？

你好&#xff0c;我是三桥君 现在的AI技术发展得非常快&#xff0c;特别是深度学习和大模型这些技术&#xff0c;感觉和以前那些最后没搞成的技术泡沫不一样。 现在AI有超级强大的计算能力&#xff0c;还有大量的数据可以用来训练&#xff0c;算法也越来越厉害&#xff0c;能搞…
阅读更多...
【单机游戏】【烛火地牢2：猫咪的诅咒】烛火地牢2：猫咪的诅咒介绍

【单机游戏】【烛火地牢2：猫咪的诅咒】烛火地牢2：猫咪的诅咒介绍

《烛火地牢2&#xff1a;猫咪的诅咒》是一款将Roguelike与2D横版动作融为一体的独立游戏&#xff0c;由新西兰制作人Chris McFarland耗费3年时间精心制作。玩家将闯入不同的关卡接受挑战&#xff0c;通关要求是寻找每个关卡中的钥匙。在闯关时玩家能获得武器&#xff0c;防具&a…
阅读更多...
关于int*的*号归属权问题

关于int*的*号归属权问题

再根据函数指针定义&#xff1a;int (*int) (int a)。我们发现*和后面的标识符才是一体的 所以int *a,b;的写法更好&#xff0c;说明a是指针类型&#xff0c;b是int类型
阅读更多...
让Kimi像人类思考的“Kimi探索版“已开启灰度内测！GPT-o1贡献者之一宣布离职｜AI日报

让Kimi像人类思考的“Kimi探索版“已开启灰度内测！GPT-o1贡献者之一宣布离职｜AI日报

文章推荐 “AI教父”辛顿与物理学家霍普菲尔德荣获诺贝尔物理学奖&#xff01;“AI教母”李飞飞选择谷歌云作为主要计算提供商&#xff5c;AI日报 今日热点 o1推理模型贡献者Luke Metz官宣从OpenAI离职 就在昨日&#xff0c;o1推理模型贡献者之一Luke Metz发文称自己经过两…
阅读更多...
Ofcms-(java代码审计学习)

Ofcms-(java代码审计学习)

1、背景 根据《java代码审计实战》学习进行记录&#xff0c;java代码审计CMS实战。 2、Ofcms下载 可搜索Ofcms1.1.2版本进行下载。下载连接&#xff1a;ofcms: java 版CMS系统、基于java技术研发的内容管理系统、功能&#xff1a;栏目模板自定义、内容模型自定义、多个站点管…
阅读更多...
五、UI弹窗提示

五、UI弹窗提示

一、制作弹窗UI 二、创建脚本 1、继承WindowRoot&#xff08;UI基类&#xff09; 获取UI上面的组件 2、初始化 将这个文本失活 3、写一个提示出现的方法 这个派生类中&#xff0c;继承了基类的两个方法&#xff0c;设置显示和设置文本 对应基类的这两个方法 将动画赋值给动…
阅读更多...
DDPM - Denoising Diffusion Probabilistic Models 扩散模型

DDPM - Denoising Diffusion Probabilistic Models 扩散模型

DDPM - Denoising Diffusion Probabilistic Models 扩散模型 扩散模型概述 扩散模型是在模拟图像加噪的逆向过程。也就是在实现一个去噪的过程。简单的来说就包括两个过程组成 前向的扩散过程 Forward Diffusion Process反向扩散过程 Reverse Diffusion Process 下面我们对整个…
阅读更多...
流域生态系统服务评价、水文水生态分析、碳收支、气候变化影响、制图等领域中的应用

流域生态系统服务评价、水文水生态分析、碳收支、气候变化影响、制图等领域中的应用

流域生态系统服务评价、水文水生态分析、碳收支、气候变化影响、制图等领域中的应用 专题一、生态系统服务评价技术框架 1.1 生态系统服务概述 1.2 流域生态系统服务的分类与作用 1.3 生态系统服务评估方法 专题二、AI大模型与生态系统服务评价 2.1 目前常用大模型介绍 2…
阅读更多...
Java并发 - AQS之ReentrantLock

Java并发 - AQS之ReentrantLock

文章目录 ReentrantLockAQS 队列AbstractOwnableSynchronizerAbstractQueuedSynchronizerNodewaitStatusSHARED/EXCLUSIVE 模式 加锁流程尝试加锁 tryAcquire加锁失败入队addWaiterenq 阻塞等待 acquireQueuedparkAndCheckInterrupt 放弃加锁 cancelAcquire唤醒阻塞线程 unpark…
阅读更多...
大语言模型训练

大语言模型训练

大语言模型训练 1.两大问题2.并行训练2.1数据并行2.2模型并行2.3张量并行2.4混合并行 3.权重计算3.1浮点数3.2混合精度训练3.3deepspeed&#xff08;微软&#xff09;3.3.1 ZeRO3.3.2ZeRO-offload 3.3总结 4.PEFT4.1Prompt TuningPrefix-tuning4.2P-tuning & P-tuning v2 5…
阅读更多...
arcpy总结

arcpy总结

arcpy 一、是什么二、为什么三、怎么用1、在哪里打开2、基础术语3、代码组织4、案例&#xff08;1&#xff09;裁剪&#xff08;2&#xff09;土地变化特征分析&#xff08;4&#xff09;文件访问与检测&#xff08;5&#xff09;空间数据的查询、插入与更新&#xff08;6&…
阅读更多...
伯努利分布（Bernoulli distribution）的两次成功之间间隔次数的分布

伯努利分布（Bernoulli distribution）的两次成功之间间隔次数的分布

伯努利分布&#xff08;Bernoulli distribution&#xff09;是一种特殊的二项式分布&#xff0c;即0-1分布。百科上已经说明了这种分布&#xff0c;即&#xff0c;其中。其数学期望为&#xff0c;方差为。详细说明见0—1分布_百度百科 本文进一步说明对于这类分布的事件&#…
阅读更多...
BUUCTF-greatescape1

BUUCTF-greatescape1

发现有ftp包和tcp包居多 下载解压是个流量包&#xff0c;使用wiresharh打开&#xff0c;CTRLF&#xff0c;按下图搜索ftp tcp18流发现ssc.key 传送&#xff0c;在19流发现key内容 复制保存为ssc.key, 加载key解密tls&#xff0c;再追踪tls流可得flag INS{OkThatWasWay2Easy} …
阅读更多...
微知-Bluefield DPU使用flint烧录固件报错MFE_NO_FLASH_DETECTED是什么？MFE是什么？

微知-Bluefield DPU使用flint烧录固件报错MFE_NO_FLASH_DETECTED是什么？MFE是什么？

文章目录 背景一些报错场景MFE是什么&#xff1f;有哪些MFE 背景 在DPU的fw操作flint的时候&#xff0c;很多命令都会报这个错误&#xff1a;MFE_NO_FLASH_DETECTED&#xff0c;早期很疑惑并且猜测MFE是Mellanox Firmware Engine。实际并不是&#xff0c;具体还得走到mellanox…
阅读更多...
linux 中mysql my.cnf 配置模版

linux 中mysql my.cnf 配置模版

前置准备 sudo systemctl stop mysqld 注意&#xff1a; 原本配置重命名做备份 备份数据 删文件 直接新建 my.cnf 把配置 11要粘进去的内容 直接粘进去 注意&#xff1a;尽管log-bin 和 log_bin 都可以启用二进制日志&#xff0c;但为了保持与现代MySQL版本的兼容性和一…
阅读更多...
【算法系列-哈希表】两数之和（Map）

【算法系列-哈希表】两数之和（Map）

【算法系列-哈希表】两数之和 (Map) 文章目录 【算法系列-哈希表】两数之和 (Map)1. 两数之和(LeetCode 1, 梦开始的地方)1.1 思路分析&#x1f3af;1.2 解题过程&#x1f3ac;1.3 代码示例&#x1f330; 2. 四数相加II(LeetCode 454)2.1 思路分析&#x1f3af;2.2 解题过程&am…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023