小编Myz*_*394的帖子

我正在尝试从文件中导入一些变量scss。一种是模块 ( *.module.scss)，一种不是。导入模块一时，我获取了对象中的变量。导入另一个时，我得到一个空对象。这两个scss文件是相同的。

这是我的scss文件：

:export {
    a: red;
}

我的index.tsx：

import styles from "./styles/test.module.scss";
import nonModularStyles from "./styles/test.scss";

console.log(styles); // {a: "red"}
console.log(nonModularStyles);  // {}

以下是我的规则webpack.config.js：

{
    test: /\.module\.s[ac]ss$/,
    loader: [
        "style-loader",
        {
            loader: "css-loader",
            options: {
                modules: true,
                sourceMap: true,
            },
        },
        {
            loader: "sass-loader",
            options: {
                sourceMap: true,
            },
        },
    ],
},
{
    test: /\.s([ac])ss$/,
    exclude: /\.module.(s(a|c)ss)$/,
    loader: ["style-loader", "css-loader", "sass-loader"],
},

我安装了style-loader,,, `sass sass-loader …

我是CSS的网格新手,但我想尝试一下.我有一个3x3盒子的网格.当我将鼠标悬停在一个盒子上时,它应该应该排出整行...但是这不起作用.

当我将鼠标悬停在1屏幕上时,它会完全填满屏幕,当我将鼠标悬停在3屏幕上时,它会开始闪烁并且无法正常工作.

.container {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(3, minmax(100px, auto));
  grid-template-rows: repeat(3, minmax(100px, auto));
}

[class^="item"] {
  text-align: center;
  box-sizing: border-box;
  padding: 10%;
  font-size: 5em;
  color: #0580d5;
  transition: .2s;
}

[class^="item"]:hover {
  grid-column-start: 1;
  grid-column-end: 4;
}

.item-1 {
  /*grid-area: 1 / 2 / span 2 / span 2;*/
}

.container>div {
  border: 2px solid #0580d5;
  background-color: rgba(40, 180, 240, .3);
  border-radius: 5px;
}

@media only screen and (min-width: 789px) {
  .container {
    grid-template-columns: …

我试图让孩子div使用父母宽度和高度的 100%（包括填充）。无论我尝试什么，它都不起作用。我尝试添加，box-sizing = border-box但这并没有改变任何东西。我还尝试将框大小添加到所有使用的元素*，但这也没有改变任何内容。这是我的代码：

html {
  font-size: 16px;
}

.parent {
  font-size: 1rem;
  width: 10em;
  height: 10em;
  padding: 5em;
  background-color: #f0f0f0;
}

.child {
  background-color: #ccc;
  width: 100%;
  height: 100%;
  
/* 
--= 100% should include padding =--
box-sizing: border-box; <-- this didn't change anything...
*/
}

<div class="parent">
  <div class="child"></div>
</div>

我正在构建一种 Youtube 音频下载器 api，我想验证视频 ID（使用 youtube_dl）。如何在 FastAPI 中添加自定义验证？

@router.get(
    "/audio/{video_id}",
    response_description="Redirects to the static url of the audio file.",
)
async def download_audio(
    video_id: str = Path(None, title="ID of the video (what you can see in the url)"),  # <-- How to validate?
):
...
# Here's some logic to download the audio of the video and save it. After that a `RedirectResponse` gets returned.

我知道我可以在函数中验证它，但我认为 FastAPI 有更好的选择。

我有一个可以设置的模型expire_date。我想过滤模型，当设置了 expire_date 时，它​​应该过滤 expire_date 是否低于现在。

我试过用 Case 和 When 来做，但我不能在 When 函数中过滤，是吗？

News.objects.all().annotate(is_expired=Case(When(F("expire_date") != None, then=False if F("expire_date") <= datetime.now() else True))).filter(is_expired=False)

我似乎找不到任何关于如何执行此操作的教程。

所以，我基本上想向我的 Django 项目添加缓存。我创建了一个博客视图，仅当模型自上次缓存以来发生更改时才应该缓存和更新。

我该怎么做呢？

我不想使用 Manim 创建一个小动画。有一个矩形，将在其中绘制两条线（在矩形的左侧和底侧），并且新的矩形应从底部“生长”。使用GrowFromEdge(element, DOWN)矩形的宽度也会改变，但只有高度应该改变。我该怎么办？使用height=0然后ApplyMethod(element.set_height, HEIGHT)不显示任何内容。这是我的代码：

from manimlib.imports import *
from manimlib.constants import COLOR_MAP
import numpy as np


class Test(Scene):
    def construct(self):
        EXPLAIN_WIDTH = 5
        EXPLAIN_HEIGHT = 2
        explain_rect = Rectangle(
            width=EXPLAIN_WIDTH,
            height=EXPLAIN_HEIGHT,
            origin=np.array(
                    [0,
                     0,
                     0]
            )
        ).set_stroke(width=1)
        explain_line_left = Line(
            start=np.array(
                    [EXPLAIN_WIDTH / -2,
                     EXPLAIN_HEIGHT / -2,
                     0]
            ),
            end=np.array(
                    [EXPLAIN_WIDTH / -2,
                     EXPLAIN_HEIGHT / 2,
                     0]
            ),
        ).set_color(COLOR_MAP["RED_A"])
        explain_line_bottom = Line(
            start=np.array(
                    [EXPLAIN_WIDTH / -2,
                     EXPLAIN_HEIGHT / -2,
                     0]
            ),
            end=np.array(
                    [EXPLAIN_WIDTH …