主页 / user-179583

natevw's questions

Martin Hope
natevw
Asked: 2024-10-12 03:23:40 +0800 CST
  • 8

我设置了一些 CSS 规则，例如：

.example {
  color: white;
  background-color: darkgray;
  background-color: var(--bg-color);
  background-color: rgb(from var(--bg-color) r g b  / 0.5);
}

期望如果浏览器无法理解相当新的相对颜色语法（或相当古老但并不古老的var()语法），我的元素仍然清晰易读。但在较旧的浏览器中，我仍然会得到透明（getComputedStyle($0).backgroundColor === rgb(0,0,0,0)）背景，而不是我需要的较暗的背景，以实现易读性。

为什么这两者都是正确的？

  • 浏览器不理解语法（从不使用相对颜色可以看出）
  • 浏览器仍然使用该规则（证据是后备规则未被使用）

CSS Values 规范中关于“部分实现”的说明如下：

为了使作者能够利用向前兼容的解析规则来分配后备值，CSS 渲染器必须将任何 @ 规则、属性、属性值、关键字和其他语法结构视为无效（并酌情忽略），因为它们没有可用的支持级别。特别是，用户代理不得选择性地忽略不受支持的组件值，而应在单个多值属性声明中遵守支持的值：如果任何值被视为无效（因为不支持的值必须是无效的），CSS 要求忽略整个声明。

所以我的理解是，不理解或不支持我的相对颜色语法的浏览器应该忽略整个声明。那么为什么不使用较早的后备方法之一呢？

css
Martin Hope
natevw
Asked: 2023-12-12 07:56:34 +0800 CST
  • 6

我正在尝试编写一些数据验证助手，以确保 TypeScript 编译器

function process(data: unknown) {
  assert(data instanceof Object);

  // need a helper for this line
  assert(  hasSubobject(data, 'some_field')  );

  // so that this line doesn't complain about `some_field` not existing
  assert(typeof data.some_field === 'string');

  // …
}

我知道我可以将其硬编码为'some_field' in data && data.some_field instanceof Object内联，甚至发现我可以硬编码一个助手，例如：

function hasHardcodedSubobject(data: object): data is {hardcodedField: object} {
  return (
    "hardcodedField" in data &&
    data.hardcodedField instanceof Object
  );
}

但我不确定如何将其转换为更动态的东西，例如：

function hasSubobject(data: object, key: string): data is {[key]: object} {
  return (
    key in data &&
    data[key] instanceof Object
  );
}

这有点类似于https://stackoverflow.com/a/68959950/179583，在这种情况下，解决方案可以仅使用“key”作为变量key is keyof T，但由于某种原因，我无法以我的方式使用它。它给：

类型文字中的计算属性名称必须引用类型为文字类型或“唯一符号”type.ts(1170) 的表达式

即使key: string它的类型是文字（更新：我可能混淆了“文字”与“原始”！）类型，即string？

typescript