r-box 相关问题



Pin 与 Box:为什么 Box 还不够?

我想知道一些例子,其中在 Box 中保留 T 类型是不安全的,而在 Pin 中保留 T 类型是安全的。 最初,我认为 std::marker::PhantomPinned 可以防止实例...


滚动时仅触发一次功能

我想在div滚动到视口时启动一个函数。我的问题是,每次我继续滚动时,该功能都会再次触发/启动。 HTML: <... 我想在 div 滚动到视口中时启动一个函数。我的问题是,每次我继续滚动时,该功能都会再次触发/启动。 HTML: <div class="box"></div> JS: $(document).ready(function() { function start() { alert("hello"); } $(window).scroll(function() { if ( $(window).scrollTop() >= $('.box').offset().top - ($(window).height() / 2)) { $(".box").addClass("green"); start(); } else { $(".box").removeClass("green"); } }); }); 总结一下:当div滚动到视口中时,应该启动“start”函数。但触发一次后就不能再触发了。 小提琴 您可以设置一个标志,例如: var started = false; function start() { if(!started) { alert("hello"); } started = true; } 演示 $(document).ready(function() { var started = 0; function start() { if(started==0) { alert("Alert only once"); } started = 1; } $(window).scroll(function() { if ( $(window).scrollTop() >= $('.box').offset().top - ($(window).height() / 2)) { $(".box").addClass("green"); start(); } else { $(".box").removeClass("green"); } }); }); *{margin:0;} .box { background: red; height: 200px; width: 100%; margin: 800px 0 800px 0; } .green { background: green; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <br /> <center> <br /> <h1>scroll down</h1> </center> <div class="box"></div> 有很多方法可以解决这个问题。您可以删除事件侦听器(因为您使用的是 jQuery,所以我将使用 on 和 off 方法): $(window).on('scroll', function() { if ( $(window).scrollTop() >= $('.box').offset().top - ($(window).height() / 2)) { $(".box").addClass("green"); start(); } else { $(".box").removeClass("green"); } $(window).off('scroll'); }); 如果你希望窗口滚动方法在启动方法满足要求后停止..你可以这样做 $(document).ready(function() { var toggleScroll = false; function start() { alert("hello"); } $(window).one("scroll", checkToggleScroll); function checkToggleScroll(){ if ( $(window).scrollTop() >= $('.box').offset().top - ($(window).height() / 2)) { $(".box").addClass("green"); toggleScroll = true; start(); } else { $(".box").removeClass("green"); } if(!toggleScroll){ $(window).one("scroll", checkToggleScroll); } } }); 当start()没有类$(".box)(在一定量的滚动后添加)时,只需运行"green"函数。 $(document).ready(function() { function start() { alert("hello"); } $(window).scroll(function() { if ($(window).scrollTop() >= $('.box').offset().top - ($(window).height() / 2)) { if (!$(".box").hasClass("green")) { $(".box").addClass("green"); start(); } } else { $(".box").removeClass("green"); } }); }); .box { background: red; height: 200px; width: 100%; margin: 800px 0 800px 0; } .green { background: green; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="box"></div>


将 2 个弹性列合并为 1 个交替的子列

我有一个有 2 列的弹性容器。 每列也是一个弹性容器,里面有许多盒子。 我有一个 flex 容器,有 2 列。 每列也是一个弹性容器,里面有许多盒子。 <div class="flex-container"> <div class="column left-column"> <div class="box boxA">Box A</div> <div class="box boxB">Box B</div> </div> <div class="column right-column"> <div class="box boxC">Box C</div> <div class="box boxD">Box D</div> <div class="box boxE">Box E</div> </div> </div> 我希望在移动视图中,2 列变成 1。 现在,我通过将 flex-direction: column 添加到 flex-container 来实现这一点,这使得 2 列彼此重叠(垂直,而不是 z 轴)。 .flex-container { display: flex; gap: 10px; padding: 10px; max-width: 800px; } .column { display: flex; flex-direction: column; flex: 1; gap: 10px; } .left-column { flex: 2; } .right-column { flex: 1; } .box { border: 1px solid lightgrey; border-radius: 8px; padding: 8px; } @media (max-width: 800px) { .flex-container { flex-direction: column; } } 但现在我还需要重新排列框的顺序,以便在移动视图中显示为 A、C、D、E、B。 我认为仅使用 CSS 无法实现这一点,因为它需要“破坏”弹性列。 这是我目前拥有的沙箱:https://codepen.io/marcysutton/pen/ZYqjPj 顺便说一句,这是在 React 应用程序中,所以我可能必须以编程方式重新排列框。 如果可能的话,我只是更喜欢使用 CSS 来做到这一点。 在下部宽度处使用 display: contents“破坏”包装 div,然后在 order 上使用 .boxB。 .flex-container { display: flex; gap: 10px; padding: 10px; max-width: 800px; } .column { display: flex; flex-direction: column; flex: 1; gap: 10px; } .left-column { flex: 2; } .right-column { flex: 1; } .box { border: 1px solid lightgrey; border-radius: 8px; padding: 8px; } @media (max-width: 800px) { .flex-container { flex-direction: column; } .column { display: contents; } .boxB { order: 2; } } <div class="flex-container"> <div class="column left-column"> <div class="box boxA">Box A</div> <div class="box boxB">Box B</div> </div> <div class="column right-column"> <div class="box boxC">Box C</div> <div class="box boxD">Box D</div> <div class="box boxE">Box E</div> </div> </div>


如何测试Box中的错误类型<dyn Error>?

我有一个返回结果的函数<(), Box>。我正在为此函数编写一个测试用例,其中该函数应返回变体VerifyError::LinearCombination 的错误...


特定标签的selenium xpath

此输入标签的 Xpath 是什么 ” 此输入标签的 Xpath 是什么 "<input autocapitalize="sentences" autocorrect="off" class="css-1cwyjr8 r-19sur4y r-qklmqi r-1phboty r-1wdu9aa r-ubezar r-16dba41 r-10paoce r-12rqra3 r-13qz1uu" dir="auto" spellcheck="false" type="email" data-focusable="true" value="" style="font-family: inherit;"> 如果只有 @type=email 的元素,则可以使用 //input[@type='email']


单击 p 标签旁边的按钮时获取 p 标签的内部文本(无 Jquery)

我有几个盒子,每个盒子都包含按钮和一个 元素,其内部文本是由 API 中的数据创建的。我在每个框上放置了一个 onclick(包裹 的 ) 我有几个盒子,每个盒子都包含按钮和一个 <p> 元素,其内部文本是由 API 中的数据创建的。我在每个框上放置了一个 onclick(包裹 <div> 元素和按钮的 <p>)。我希望每次单击该按钮时,位于该按钮旁边(位于同一 div 中)的 innerText 标签的 <p> 都会控制台日志。目前无法弄清楚,这就是我到目前为止所得到的: const containerShapes = document.getElementById("container-pock-shape") fetch("https://pokeapi.co/api/v2/pokemon-shape") .then(res => res.json()) .then(data => data.results.map(item => { return containerShapes.innerHTML += `<div class="shape-box" onclick="showName(event)"> <p>${item.name}</p> <button>Select</button> </div>` })) function showName(e) { console.log() } #container-pock-shape { display: flex; flex-wrap: wrap; } .shape-box { border: 2px solid red; display: flex; flex-direction: column; align-items: center; padding: 10px; width: 200px; } .shape-box p { background-color: grey; width: 100px; text-align: center; font-weight: 900; } <body> <div id="container-pock-shape"> </div> </body> 您可以使用最近的。当您需要 forEach 或正确使用地图时也不要使用地图 我还强烈建议授权(点击 div) const containerShapes = document.getElementById("container-pock-shape") fetch("https://pokeapi.co/api/v2/pokemon-shape") .then(res => res.json()) .then(data => containerShapes.innerHTML = data.results .map(({name}) => `<div class="shape-box"> <p>${name}</p> <button>Select</button> </div>`)); containerShapes.addEventListener("click", e => { const tgt = e.target.closest("button") if (tgt) console.log(tgt.closest("div.shape-box").querySelector("p").innerText) }) #container-pock-shape { display: flex; flex-wrap: wrap; } .shape-box { border: 2px solid red; display: flex; flex-direction: column; align-items: center; padding: 10px; width: 200px; } .shape-box p { background-color: grey; width: 100px; text-align: center; font-weight: 900; } <body> <div id="container-pock-shape"></div> </body> 要获取名称,由于事件位于整个 div 上,因此您需要使用 querySelector 并找到内部 <p> 元素并获取其文本。 const containerShapes = document.getElementById("container-pock-shape") fetch("https://pokeapi.co/api/v2/pokemon-shape") .then(res => res.json()) .then(data => data.results.map(item => containerShapes.innerHTML += `<div class="shape-box" onclick="showName(this)"> <p>${item.name}</p> <button>Select</button> </div>` )) function showName(box) { const name = box.querySelector('p').textContent; console.log(name); } #container-pock-shape { display: flex; flex-wrap: wrap; } .shape-box { border: 2px solid red; display: flex; flex-direction: column; align-items: center; padding: 10px; width: 200px; } .shape-box p { background-color: grey; width: 100px; text-align: center; font-weight: 900; } <body> <div id="container-pock-shape"></div> </body> 执行此操作的另一种方法是将单击事件仅添加到按钮,然后查找 closest 形状框,然后找到 <p>。 const containerShapes = document.getElementById("container-pock-shape") fetch("https://pokeapi.co/api/v2/pokemon-shape") .then(res => res.json()) .then(data => data.results.map(item => containerShapes.innerHTML += `<div class="shape-box"> <p>${item.name}</p> <button onclick="showName(this)">Select</button> </div>` )) function showName(button) { const name = button.closest('.shape-box').querySelector('p').textContent; console.log(name); } #container-pock-shape { display: flex; flex-wrap: wrap; } .shape-box { border: 2px solid red; display: flex; flex-direction: column; align-items: center; padding: 10px; width: 200px; } .shape-box p { background-color: grey; width: 100px; text-align: center; font-weight: 900; } <body> <div id="container-pock-shape"></div> </body> 嘿,我最近找到了解决此问题的简单方法(当然,如果您的文本不像按钮文本那样太长):您可以将内部文本作为元素的 id 提供。并且在事件处理程序中,您可以通过以下方式访问内部文本:这样:e.target.id希望这个解决方案可以帮助你:)


如何用透明文字制作文字描边

我找到了这个解决方案:Outlineeffecttotext 这很棒,但是是否可以使文本透明而只绘制轮廓? 例如,这种情况发生在 box-shadow 中,即使......


尝试部署我的 Aave 闪贷测试但出现错误。 https://github.com/aave/flashloan-box

每当我运行“truffle test”时,我都会收到以下错误: 错误:助记符无效或未定义 在 checkBIP39Mnemonic (C:\Users\Jackc ode_modules\@truffle\hdwallet-provider\src\index.ts:...


如何将 '<p class="p1">' 、 '<div class="disp-quote-p">/following-sibling::*[1][self::p[@class='p1']]' 包装/分组在单个 'p' 元素中

我正在包装节点 ' 、 '' 和 div[@class='disp-quote-p']/following-sibling::*[1][self::p[@class=' p1']] 里面... 我正在尝试将节点 <p class="p1">' , '<div class="disp-quote-p">' and div[@class='disp-quote-p']/following-sibling::*[1][self::p[@class='p1']] 包裹在单个 p 元素中。 输入 XML:- <root> <p class="p">aa</p> <p class="p1">Although:</p> <div class="disp-quote-p"> <p class="p">We had seen.</p> </div> <p class="p1">This dot.</p> <img src="a.png"/> <box>box</box> <p class="p">bb</p> </root> 我正在尝试将节点包装在单个 p 元素中的代码,但此节点 <p class="p1">This dot.</p> 与 <div class="disp-quote-p"> 节点一起包装。 <xsl:template match="@*|node()"> <xsl:copy> <xsl:apply-templates select="@*|node()"/> </xsl:copy> </xsl:template> <xsl:template match="root"> <xsl:copy> <xsl:for-each-group select="*" group-starting-with="p[@class='p1']"> <xsl:for-each-group select="current-group()" group-adjacent="self::p[@class='p1'] or self::div[@class='disp-quote-p']"> <xsl:choose> <xsl:when test="self::p[@class='p1']"> <p><xsl:apply-templates select="node(), current-group() except ."/></p> </xsl:when> <xsl:otherwise> <xsl:copy-of select="current-group()"/> </xsl:otherwise> </xsl:choose> </xsl:for-each-group> </xsl:for-each-group> </xsl:copy> </xsl:template> 网址链接:[http://xsltransform.net/eiov64R/1] 预期输出:- <root> <p class="p">aa</p> <p>Although:<disp-quote><p class="p">We had seen.</p></disp-quote>This dot.</p> <img src="a.png"/> <box>box</box> <p class="p">bb</p> </root> 试试这个: <xsl:template match="@*|node()"> <xsl:copy> <xsl:apply-templates select="@*|node()"/> </xsl:copy> </xsl:template> <xsl:template match="root"> <xsl:copy> <xsl:for-each-group select="*" group-adjacent="if(self::p[@class='p1'] or self::div) then -1 else position()"> <xsl:choose> <xsl:when test="self::p[@class='p1'] or self::div"> <p><xsl:apply-templates select="current-group()"/></p> </xsl:when> <xsl:otherwise> <xsl:copy-of select="current-group()"/> </xsl:otherwise> </xsl:choose> </xsl:for-each-group> </xsl:copy> </xsl:template> <xsl:template match="p[@class='p1']"> <xsl:apply-templates/> </xsl:template> <xsl:template match="div[@class='disp-quote-p']"> <xsl:element name="disp-quote"> <xsl:apply-templates/> </xsl:element> </xsl:template>


如何克隆存储装箱特征对象的结构?

我编写了一个具有 Animal 特征和实现该特征的 struct Dog 的程序。它还有一个 AnimalHouse 结构体,将动物存储为特征对象 Box。 特质动物{ 芬...


我可以创建类型别名来指定 std 容器的分配器吗?

我想使用我的自定义分配器为 std 中的容器定义类型别名,例如 输入 MyBox = Box; 然而我被告知 错误[E0229]:关联的类型绑定不是


R rvest read_html() 返回几乎空的页面

我想使用 R、rvest 和 httr 包抓取此页面上的广告链接:https://reality.idnes.cz/s/?page=1。它返回我不明白的结果。 代码是: 链接<- "https://r...


R 错误:找不到函数 is_empty

我尝试用 R 4.0 运行旧脚本(R 3.4?)... 但它不起作用。 is_empty(c(1,1,2,3)) is_empty(c(1, 1, 2, 3)) 中的错误: 找不到函数 is_empty 但 ?is_empty 仍然有效。 ...


Rust E0506(借用值的赋值):在看似不相关的表达式上“借用稍后在此处使用”

我正在尝试使用 Option 和 Box 制作一个基本的链表实现,而无需使用不安全模式,并且在尝试制作删除所有内容的方法时遇到了这个特别奇怪的错误


使用bat文件运行R-Shiny应用程序时cmd窗口关闭

我创建了一个 R 闪亮应用程序,在 R 工作室中运行时可以完美运行。现在我希望能够通过双击 bat 文件来运行它,而无需启动 R Stuido。然而,当我加倍时...


无法在 Windows 中从命令行运行 R 脚本

我正在尝试通过Python(在Windows机器上)中的子进程调用来运行R脚本。子进程运行并返回已完成但 R 脚本尚未运行。所以现在我只是...


R:模拟正态分布中的点

我正在使用 R 编程语言。 考虑以下情况 - 对于均值为 5 且 sigma=5 的正态分布: A) 基于数值积分,


检查 R 中的列集是否相同(按行顺序)

我正在 R 中工作,如果可能的话,更喜欢 dplyr 解决方案。 样本数据: 数据.帧( col1 = c("a", "b", "c", "d"), col2 = c("a", "b&...


`R CMD 检查 --as-cran` 在 Windows 上找不到 `diff`

我在 Windows 上检查我的包裹时收到以下注释: > R CMD 检查 --as-cran mypkg_0.1.tar.gz (...) * 检查从“mypkg-Ex.Rout”到“mypkg-Ex.Rout.save”的差异...好的 留言...


read.csv 警告“带引号的字符串内的 EOF”阻止完全读取文件

我有一个 CSV 文件 (24.1 MB),无法完全读入我的 R 会话。当我在电子表格程序中打开该文件时,我可以看到 112,544 行。当我用 read.csv 将其读入 R 时,我只得到 56,952 r...


R 网络抓取新手 - 如何使用 rvest 包抓取 IMDB 电影数据?

我是 R 中网页抓取的新手,对 HTML 代码不太熟悉。我正在尝试从 https://www.imdb.com/search/title/?sort=user_ rating,desc&groups=


定义一个索引,每次在r数据表中的某一列中找到相同值时该索引增加

我有一个如下所示的data.table: 例子 <- data.table(time = 1:30, A = c(rep("a", 5), rep("b", 5), rep("a", 5), r...


“forecast”包的安装具有非零退出状态

在 CentOS 上使用 R 版本 3.2.3 (2015-12-10) 我正在尝试 install.packages('forecast') 我明白了: install.packages('预测') 将软件包安装到“/usr/lib64/R/library”中 (因为“lib”是


ggsankey R 中的渐变色阶

我在 R 中使用 ggsankey 有一个桑基图,我想要一个填充流的渐变颜色。我按照这个例子创建了一个示例图。 库(ggsankey) 图书馆(tidyverse) 是...


在R包中使用C++执行头

我正在开发一个包含C++代码的R包,我想使用标准库头“execution”。由于 C++17 现在是 CRAN 上的默认值,这似乎没问题。然而,这个


如何在Python的正则表达式子中引用整个捕获[重复]

如果我这样做: 文本 = re.sub(r"^(\w+[ ]+)+\w+\(.*\);$", r"// ", 文本, flags=re.MULTILINE) 然后实际上被替换为 NULL 字节,而不是整个捕获组...


有没有办法可以在 R 中生成下面的交叉表?

[SPSS 的 Crostab 输出] 我想用 R 生成附加的交叉表。目前我使用 SPSS。我使用的数据框如下。变量(Maths_Set、Note_Book、School_Bag、Text_Book、Pen ...


计算 R 中所有列的响应

在 R 中,我有一个包含超过 400 列(调查问题)和 5000 行(参与者)的数据集 例如:见图片 我想计算每个问题记录了多少个回复,即......


使用 R 通过 YouTube API 上传缩略图时出错

我想使用 R 来更新我的 YouTube 视频的缩略图。 我正在关注谷歌文档,但出现以下错误: “该请求不包含图像内容。” 铜...


R NMF包:如何提取样本分类?

在 NMF R 包中,可以使用consensusmap() 来可视化输出。这些图显示了哪些样本属于“共识”轨道中的哪些集群。 我想提取这个样本分类...


从 R 脚本捕获执行结果

我有一个从 Python 调用它的 R 脚本,我想捕获它的输出。我可以写入 CMD 以及 TXT,但我想捕获 Python 脚本中的输出,以便我可以使用...


在R图中的堆栈栏中添加信息列

1我想在堆栈栏区域右侧添加一个信息栏(见附图)。 Like Do at all 结合了“经常”和“偶尔”。我想在 R 中执行此操作。 创建数据框 ...


Tensorflow.js 具有 6 个参数的函数的多变量拟合

我想寻求一些帮助。 我的目标是使用 tensorflow.js 中的非线性回归方法确定 R^2 -> R 函数中 6 个参数的值(因此有两个


检查变量是否包含浮点值

在R语言中,有没有可靠的方法来检查变量是浮点型还是整数值? 我查看了几个建议的解决方案。 is.integer(x) 的 R 帮助文件建议...


从TColor中提取R、G、B字节值

在Delphi中,是否有一个现成的函数可以从TColor变量中提取R,G,B作为字节? 我在网上找到了以下一条,但似乎很奇怪: 过程 ColorToRGB(iColor: TColo...


我的 R 脚本相同吗?

我认为这一定是重复的,但我似乎无法在堆栈上找到答案。有没有办法比较同一个 wd 中的两个 R 脚本,看看它们是否相同? 就像是: 一个<- source("


本机编译需要 RuntimeIdentifier。尝试运行 dotnetpublish 并指定 -r 选项值。 .net 8 中的错误

当尝试在 .net 8 中发布新项目时,我收到错误: 错误:本机编译需要 RuntimeIdentifier。尝试运行 dotnetpublish 并指定 -r 选项值。


使用 R 处理日期时格式化直方图 x 轴

我正在使用 R 创建流行病曲线(每天疾病病例数的直方图),并且在格式化 x 轴方面遇到了一些困难。 我知道 ggplot 给出了 v...


lmer 错误代码“diag(Lambert) 中的错误:未找到对象‘R_sparse_diag_get’”

我已加载以下软件包,并且我已尝试重新安装它们,以防其未正确下载。那不是问题。我正在开发最新版本的 R and R studio。 图书馆(...


如何在R中编写计算H指数的函数?

我是 R 新手,正在寻找计算 h 指数的方法。 H指数是量化科学生产力的流行指标。 形式上,如果 f 是对应于 fo 的引用次数的函数...


使用 R 中的 `quote()` 函数生成多变量表达式

我正在尝试在 R 中生成一个简单的多变量表达式,类似于以下内容: coef1 * prev1 + coef2 * prev2 + coef3 * prev3 我可以使用 quote() 轻松做到这一点 报价(coef1 * p...


R ENTSO-E API 请求导致重复值

我已经用ENTSEO设置了一个API,例如,这个解决方案: 在 R 中使用来自 API 请求的文本/XML 格式的数据 一切都按预期进行。接收数据有想要的结构...


使用 R 对数据框中的大量组合执行 Kruskal-wallis 测试

我在 R 中有一个 df,有 50 种 A 和 B 的独特组合。 对于 A 和 B 的每种组合,我想执行 Kruskal-wallis 测试: kruskal.test(D,C,data = df) 我想测试哪些组合 A a...


将所有日期的字符串日期快速转换为 R 日期

这个问题已经被问过好几次了,但没有明确的答案:我想将“YYYY-mm-dd”形式的 R 字符串转换为日期。 as.Date 函数非常慢。转换字符...


在 tm::stemDocument() 之后撤消词干提取?

我有一个 R 中的词干单词列表。现在,我想撤消我的词干提取,以便接收 R 中所有“完整”单词的列表。 这是我用来提取单词列表的代码: 图书馆...


使用 r 中的 st_join 从 GIS 文件获取人口普查块 ID

我正在 R 中处理两个数据集:带有纬度和经度值的地址列表,以及表示韩国人口普查区块边界的 GIS 文件。 GIS 文件包含代码...


使用 R 中的 ggplot2 在 geom_errorbar 中定位具有不同美观的 SE 条

我必须在 R 的分组条形图中手动给出 SE 值。但是,SE 线与条形的位置不同。我了解我在每个 geom_error 中定义的 x 变量(x = 物种)...


如何在 R 中使分类变量二进制化?

基本上,我是 R 新手,并且有一个包含一些分类变量的数据集。然而,这些并不是由 1 或 0 或任何数字来定义的,例如,性别被分类为男性......


R 中的 read.csv 和 read_csv 函数在处理 NULL 值时有什么区别?

我在上传 csv 文件时遇到 R 问题。由于某种原因,当使用 read.csv 函数时,将 csv 文件保存到数据框后,我的空值没有显示为空。是否有...


© www.soinside.com 2019 - 2024. All rights reserved.