当前位置: 首页 > 面试题库 >

有没有办法将变量从javascript导入到sass,反之亦然?

杨经武
2023-03-14
问题内容

我正在制作一个依靠块概念的css网格系统。所以我有一个基本文件,例如:

$max-columns: 4;
$block-width: 220px;
$block-height: 150px;
$block-margin: 10px;

它由mixin使用:

@mixin block ($rows, $columns, $max-columns) {
  display: block;
  float: left;
  margin: $block-margin 0 0 $block-margin;
  box-sizing: border-box;
  width: ($block-width * $columns) - $block-margin;
}

但我也希望javascript能够访问基本文件中的变量。我当时想我可以创建一个不可见的div,并为其赋予$ block-width,$ block-
height和$ block-margin属性,然后从中获取值。但是max-
columns不能直接映射到任何东西,因此我不得不想出一种hacky的方法来将它渲染到div中。有没有更清洁的方法可以将值从sass /
css共享到javascript,反之亦然?


问题答案:

您可以使用服务器端脚本读取sass文件,对其进行“解析”,然后将需要的值回显为javascript。



 类似资料:
  • 问题内容: 是否有内置的方法将布尔值转换为整数,反之亦然?我尝试了普通的转换,但是由于它们使用不同的基础类型,因此经典的转换方式是不可能的。我已经填写了一些规范,但尚未找到答案。 问题答案: 从int到bool很容易,只需完成操作即可。换句话说,由于Go不支持三元运算符,因此您必须执行以下操作: 您当然可以将其放在函数中: 整数有很多种可能的布尔解释,但它们都不一定是自然的,因此必须说出您的意思是

  • 问题内容: 我在 问题答案: Greasemonkey脚本在单独的范围内运行,也可能在沙箱中运行,具体取决于设置。 另外,问题代码隔离在功能范围内(如gladoscc所说)。 最后,默认情况下, test.js 将在Greasemonkey脚本之前启动,因此无论如何它都不会看到任何设置变量。使用来解决这个问题。 因此,鉴于此 test.js ,请在运行之前: 然后,以下将起作用: 没有沙箱: 使用

  • 问题内容: 我想将背景URL存储在自定义属性(CSS变量)中,并将其与background属性一起使用。但是,当使用字符串作为参数时,我找不到插值的方法。 这是我的示例代码: 我知道可以使用插值函数在Sass或LESS中轻松完成此操作,但我很好奇是否有一种无需任何预处理器的方法。 问题答案: 您可以使用大多数CSS函数执行插值,包括的示例。实际上,插值是自定义属性的主要功能之一。 但是,您不能使用

  • 我在Kubernetes集群中有一个服务和RabbitMQ。我想做的是,我希望服务的不同实例(或副本)在启动时声明一个全新的队列。这些队列将绑定到同一个exchange。 我可以在这里放一个最后的变量吗: 本质上,我只需要一种方法,用生成的名称创建一个队列,然后使用@RabbitListener侦听这个队列。

  • 我想读取Dockerfile中的变量,该变量在文件中定义。有什么办法可以做到这一点吗? 这是我的DockerFile:

  • 问题内容: 如何通过Javascript脚本请求PHP页面并将数据传递给它?然后如何让PHP脚本将数据传递回Java脚本? client.js: server.php: 问题答案: 从PHP传递数据很容易,您可以使用它生成JavaScript。另一种方法要难一些-您必须通过Javascript请求来调用PHP脚本。 一个示例(为简单起见,使用传统的事件注册模型): 不管产生什么,它将出现在http