小编mic*_*alo的帖子

我正在开发一个 Angular 应用程序，我面临着设置 HTML 基本 href 值和/或 APP_BASE_HREF 值。

它们之间有什么区别和联系呢？

我正在开发一个使用 StencilJS 构建的 Web 组件的 Web 应用程序。所有组件都打开了 Shadow DOM。许多组件使用“槽”来接受子内容。

我在使用 Flexbox 布局此应用程序时遇到一些问题。我经常遇到的一种情况是，我希望一个组件充当 Flexbox 容器，而其子组件则充当 Flex 项目。

我怀疑 Shadow DOM 阻塞了我的 Flexbox。有没有办法让 Flexbox 与 Web 组件和 Shadow DOM 一起工作？

例子：

<web-component-a>
  <web-component-b></web-component-b>
  <web-component-b></web-component-b>
  <web-component-b></web-component-b>
</web-component-a>

我有两个 Stencil JS Web 组件库：library-a 和library-b。这些不是应用程序，只是单独的 npm 组件包。

我想使用库 b 中库 a 中的一些组件。如何将组件从 A 导入到 B 中？

StencilJS 文档提供了一些导入说明，但不涵盖这个特定的用例。

TypeScript 使用“extends”关键字和三元运算符支持条件类型。

等于 true 的条件类型示例：

type C1 = 7 extends number ? true : false
type C2 = 7 extends number | string ? true : false
type C3 = 7 extends 7 | 'cat' | null ? true : false
type C4 = [1,2,3] extends [1,2,3] ? true : false
type C5 = any[] extends any[] ? true : false

我理解上面的条件（即使“扩展”在非 OOP 上下文中看起来很奇怪）。

以下条件我不明白：

type Q1 = any[] extends readonly any[] ? true : false  // evals to true …

我很惊讶地发现字符串构造函数在应用于数组时的扁平化行为。

为什么这有效。这是展平数组的好方法吗？

在 Mac Chrome、Safari、Firefox 上测试得到相同的结果。

String(['a', 'b', ['c', 'd', ['e', 'f']]])

=> "a,b,c,d,e,f"