Evert's questions

我正在尝试编写一个可以按如下方式使用的 Typescript 泛型类型：

/* All properties are nullable */
type A = {
  a: string | null,
  b: string | null;
}

type G_A = MyType<A>; // A | undefined

/* At least one property is not nullable */
type B = {
  a: string;
  b: string | null;
}

type G_B = MyType<B>; // B

因此的目标是，如果的所有属性都被允许，MyType<T>它就返回，但如果不允许，它就只返回。T | undefinedTnullT

我有点不知道该如何处理这个问题，所以我无法分享我尝试过的任何方法。

我有一个如下类型：

type EventType = {
  event1: undefined,
  event2: {
    user: number
  }
}

type EventName = keyof EventType;

该类型用于输入 logEvent 函数：

function logEvent<T extends EventName>(eventName: T, extraData: EventType[T]) {

}

这确保在调用 logEvent 时，强制执行正确的 eventName 和 extraData 组合：

logEvent('event1', undefined)
logEvent('event2', { user: 5 })

但是，对于第一种情况（未定义），我希望第二个参数是可选的：

logEvent('event1')
logEvent('event2', { user: 5 })

我正在努力寻找解决方案。我的尝试大多都是无用功。

我正在尝试使用 CSS 添加渐变到我的背景。我希望这个渐变不是“固定”的，而是随页面滚动。对于非常高的页面，我只想结束渐变。

这是我的CSS：

body {
  min-height: 100%;
  background-color: #F00;
  background-repeat: no-repeat;
  background: linear-gradient(
    180deg,
    #F00 0px,
    #0F0,
    #00F,
    #F00 3000px
  )
}

问题是，当我向下滚动时，页面折叠后渐变会重新开始。在我的 1200 像素高度的屏幕上，它永远不会变成蓝色。

我的目标是渐变渲染一次，如果页面大于渐变（假设 3000px），它就永远渲染#F00。不重复没有效果。

Codepen供参考。

我创建了一个具有以下目标的 makefile：

assets/css/%.css.br: assets/css/%.css
     brotli $< $@

这对于压缩目录中的每个 css 文件并创建 .css.br 文件非常有效。

但是，我如何调用这个目标来压缩该目录中的每个css文件，我只能将这些目标一一调用。