问题标签 [cls]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
66 浏览

c# - C# CLS 是否不包括传递 ulong 参数?

以下内容来自一本关于 C# 的书。

为了说明,以下 Add() 方法不符合 CLS,因为参数和返回值使用无符号数据(这不是 CLS 的要求):

这是什么意思?函数怎么能不ulong取值?C# 的 CLS(通用语言规范)中没有涵盖这一点吗?

我确实尝试了这个例子,它构建并运行良好。我认为传递一个ulong论点是非常基本的。本段集会是什么意思?

0 投票
0 回答
362 浏览

reactjs - 重用 DOM 节点会导致巨大的累积布局变化 (CLS)

在此处输入图像描述

这是一个列表,其刷新时间 > 500 毫秒(通常会有一个服务器请求)。

https://codesandbox.io/s/silent-haze-6ku1v?file=/src/App.js:1268-1275

问题

一方面,通过为项目分配简单的键来重用 DOM 节点(对 ReactJS 来说很自然),在几次重新加载后,我们很快就会得到一个巨大的 CLS 。

另一方面,重新创建 DOM 节点会给我们带来性能开销,除了保留良好的用户体验现在需要缓存项目的数据这一事实。

问题

是否有解决 CLS 和性能开销的解决方案?

0 投票
1 回答
3849 浏览

cls - 如何修复 CLS 问题:超过 0.25

我在我的网站www.emorphis.com上遇到了有关此问题的问题。他们向 31 个 URL 显示相同的错误 - CLS 问题:网络和移动设备超过 0.25。我不知道如何解决这个问题,请帮我解决这个问题。

0 投票
1 回答
1024 浏览

bert-language-model - 在微调 BERT 时,特殊令牌 [CLS] [SEP] 是否绝对必要?

我正在按照教程https://www.depends-on-the-definition.com/named-entity-recognition-with-bert/使用 BERT 进行命名实体识别。

在进行微调时,在将标记输入模型之前,作者会:

根据我的测试,这不会向 id 添加特殊标记。那么我是否遗漏了什么,或者我并不总是需要包含 [CLS] (101) [SEP] (102)?

0 投票
1 回答
2752 浏览

css - Google Webfonts 破坏 CLS 分数 (FOUT)

因此,最近,我们一直在研究针对新的“核心网络生命力”优化我们的网站,并确定了与 flexbox 行相关的问题(已解决),这导致桌面的 CLS 得分不佳,而在移动设备上似乎被 Google Web Fonts 破坏了 CLS 分数。

当我们添加这个小代码时,一切看起来都很好。CLS 得分为 0。当我们使用 Google Web Font 时,得分为 0.326(仅适用于移动设备,桌面似乎还不错)。

这是我们使用 Google 字体的方式。

为什么我们有 rel="stylesheet" 和 rel="preload"?后者在 Firefox 等浏览器上尚不支持,我们了解到,以前字体无法完全加载,当我们添加样式表时也解决了这个问题。

我们尝试了什么?

我们已经尝试将 &display=swap 值更改为其他文章中推荐的 block、fallback、optional 之类的东西,这些都不会影响 CLS 分数,尽管似乎没有 FOUT(使用节流的“Fast 3G”进行测试。) .

我们还尝试了自托管所有字体,但这也没有真正起作用。

尽管如此,我们确实相信这与字体有关,因为当我们应用上面的 CSS 时,CLS 分数为 0。这是我们正在寻找的,但我们仍然想要 webfonts。此外,当我们更改 &display=swap 值时,我们在 Lighthouse 中收到另一个“警告”,建议使用交换以获得更好的用户体验,但这就是导致 CLS 问题的原因......有什么想法吗?

这是结果,只是上面提到的这个简单的更改(CSS)。

得分:94(移动)- 93(桌面)= 不错..!

在此处输入图像描述

这没有上面的 CSS 和 Google webfonts。

得分:69(移动)- 91(桌面)= 移动可能会更好......桌面上的一切都很好。

在此处输入图像描述

0 投票
1 回答
272 浏览

layout - Google 页面速度洞察和 CLS

在我的现场数据概览下,CLS 值为 0.98,而当我查看避免大布局变化的描述时 - CLS 贡献为 0.004。

如何找出导致 CLS 的因素?

0 投票
0 回答
381 浏览

performance - 用于测量 CLS 的体验选项卡在 Devtools 中不可见

我正在尝试在我的网站上修复 CLS。Lighthouse 显示 CLS 问题,但是当我尝试在“性能”选项卡中找到 CLS 时,那里什么也没有。

我听说除非存在实际的 CLS 问题,否则 CLS 不会出现在“性能”选项卡中,但在这种情况下,Lighthouse 清楚地显示了 CLS,但我在“性能”选项卡中看不到任何内容。

我正在测试以下页面:https://dystopianstories.com/writing-competitions-contests/

知道为什么 CLS 没有出现在“性能”选项卡中吗?我找错地方了吗?是否隐藏任何帮助或建议将不胜感激!谢谢你。

灯塔结果

性能选项卡

它应该在哪里可见

0 投票
1 回答
1450 浏览

css - 如何解决公告栏造成的累积布局偏移?

我的电子商务网站 (Shopify) 有一个公告栏,它会将页面的其余内容向下推送,从而导致 CLS 问题。

我已经在论坛和文章中搜索了一段时间,但是关于解决 CLS 的所有建议都是超级通用的(“确保不要出现弹出窗口!”),缺乏实际实施的指南。

公告栏的高度在所有设备上都是固定的 46 像素,所以理论上这应该很容易通过在主题文件中为其分配空间来解决,但我不知道该怎么做。

0 投票
1 回答
836 浏览

path - 将我自己的 cls 文件放入 Texlive 2020

我正在写一本书,出版商 (Springer) 向我发送了一个 .cls 文件 (svmono.cls)。我在 Windows 10 上使用 LyX,并且刚刚安装了 texlive(完整的 6 Gb 默认安装),因为它是 LyX 的首选 TeX 发行版。不幸的是,我无法确定 svmono.cls 的存储位置,以及如何让 LyX 和 Texlive 拾取它。

相关路径如下:

Texlive 安装文件夹:c:\texlive,

该文件夹又具有两个子文件夹: c:\texlive\2020c:\texlive\texmf-local.

我假设我必须将我的 cls 文件放在 中texmf-local,特别是在 下c:\texlive\texmf_local\tex\latex\local\,因此将 svmono.cls 复制到此目录,但是当我在 LyX 中打开我的文档时,我收到一条警告消息(LyX 文档类不可用​​.. .. 在安装以下先决条件之前无法编译文档...... svmono.cls)。

我曾尝试查看 LyX 手册,该手册向我介绍了无法打印的自定义指南,所以我在这里真的很茫然,非常感谢有两个问题的指导:

  1. 我应该将 svmono.cls 放在哪个文件夹中(特别是,我应该Springer在某个父文件夹下创建一个文件夹来保存 Springer cls 文件)
  2. 一旦我将文件放在正确的目录中,接下来我需要做什么以确保 Texlive 和 Lyx 正确导入它。

真诚的,并提前非常感谢

托马斯飞利浦

0 投票
1 回答
82 浏览

extjs - scss 文件在 extjs 应用程序中的位置

我一直在尝试找出 extjs 中的样式,但我找不到合适的样式所在的位置。例如,在管理仪表板应用程序中,文本字段的样式定义为:

但是,我一直在整个工作区的所有文件中搜索文本“auth-textbox”的外观,并且没有这样的定义。此外,如果我注释包含 cls 的行,则没有任何变化。