小编sim*_*Pod的帖子

我有这个必要的CSS布局,不能改变,所以它保留了它的中间居中.

Div display:table(高度定义)内部有一个div display:table-cell,两者vertical-align:middle;(我使用它来垂直居中的内容).问题是当内容溢出定义的高度时,它只是溢出表,使其更大.

我需要设置一些overflow:hidden似乎不适用于表格的东西...我只需要隐藏溢出的内容或更好,将滚动条添加到表格.有办法吗？

CSS

html,body {
  height: 100%;
}
.table {
  float:left;
  margin: 10px;
  display:table;
  height:500px;
  vertical-align:middle;
  background:#ccc;
}
.table-cell {
  vertical-align:middle;
  display:table-cell;
}

HTML

<div class="table">
  <div class="table-cell">
    some tall content
    <br>some tall content
    <br>some tall content
    <br>some tall content
    <br>some tall content
    <br>some tall content
    <br>some tall content
    <br>some tall content
    <br>some tall content
    <br>some tall content
    <br>some tall content
    <br>some tall content
    <br>
  </div>
</div>
<div class="table">
  <div class="table-cell"> …

HTML

<ol>
  <li>item1
    <ol>
      <li>item2</li>
    </ol>
  </li>
  <li>item1
    <ol>
      <li>item2</li>
      <li>item3</li>
    </ol>
  </li>
</ol>

SCSS

ol {
  counter-reset: item;
  li {
    display: block
  }
  li:before {
    content: counters(item, ".") ". ";
    counter-increment: item
  }
}

现在列表的排序如下:

1. ITEM1

1.1.ITEM2

2. ITEM1

2.1.ITEM2

2.2.项目3

有没有什么方法可以在列表的开头增加一个级别的排序？第二个<ol>开始于2:2.1.ITEM1

1.1.ITEM1

1.1.1.ITEM2

1.2.ITEM1

1.2.1.ITEM2

1.2.2.项目3

-------同一父母的第二名---------

2.1.ITEM1

2.1.1.ITEM2

2.2.ITEM1

2.2.1.ITEM2

2.2.2.项目3

笔在这里:http://codepen.io/simPod/pen/wawOLd

如何判断jPlayer是否正在播放？我试过这个,alert($.jPlayer.event.playing);但它不起作用.

我正在尝试这样做

document.addEventListener('click', (e: MouseEvent) => { ...

但是，Typescript 无法根据事件名称知道确切的事件类型。

'click' => MouseEvent

并认为 的类型e是Event。正如定义

declare type EventListenerOrEventListenerObject = EventListener | EventListenerObject;
    
interface EventListener {
    (evt: Event): void;
}
    
interface EventListenerObject {
    handleEvent(evt: Event): void;
}

它显然抱怨

TS2345：“(e: MouseEvent) => void”类型的参数不可分配给“EventListenerOrEventListenerObject”类型的参数。类型 '(e: MouseEvent) => void' 不能分配给类型 'EventListener'。参数“e”和“evt”的类型不兼容。“事件”类型缺少“鼠标事件”类型中的以下属性：altKey、按钮、按钮、clientX 和其他 25 个。

我怎么能告诉打字稿e是类型MouseEvent？或者，如果我更一般地问：如何addEventListener正确打字？

目前，我有一个应用程序在一台服务器上运行。设置了一个 crontab，以便根据指定的规则，在特定时间运行一些任务。

现在，我正在考虑将我的应用程序迁移到 Docker 容器中，以便我能够独立运行我的应用程序的多个实例。我想知道如何做是如何跨多个 docker 容器安排任务。

假设我有一个 php 命令，每小时通过 API 从 3rd 方应用程序获取新数据。目前，我会使用 cron 来安排它，如下所示：0 */1 * * * php /some/path/index.php mycommand。可以有多个以不同频率启动的类似命令。

我不能简单地将 crontab 打包到我的 docker 镜像中，因为当有 5 个容器运行时，该命令将启动 5 次。我只想根据正在运行的容器计数独立启动它一次。

实现这一目标的理想解决方案是什么？

在kafka中，我将保留政策设置为3天 server.properties

############################# Log Retention Policy #############################
...
log.retention.hours=72
...

主题retention.ms设置为172800000（48h）。

但是，/ tmp / kafka-logs文件夹中仍然有旧数据，并且没有一个被删除。更改这些属性后，我等待了几个小时。

有什么需要设置的吗？当前正在产生和使用所有主题。

我正在寻找一种简单而干净的方法来使所有行在使用react-table v7时自动扩展。

当我将所有数据映射到true并将其设置为初始状态时，它不会扩展我的行。

const expanded = {
  1: true,
  2: true,
  ...
};

...

useTable(
  {
    ...
    initialState: {
      expanded
    }
  }
);

通过转储表状态expanded道具，我发现生成了非数字键，例如{Col1:somevalue2: true}（分组列）。在创建表实例之前，我无权访问这些键，因此我也无权访问行 id 来生成初始状态。

我发现的唯一方法如下，但我更喜欢最初扩展 tableInstance （作为useTable()钩子的结果）。

React.useEffect(() => tableInstance.toggleAllRowsExpanded(true), []);

相关Github FR讨论：https://github.com/tannerlinsley/react-table/discussions/3317

假设我有一个给定的时间范围。为了进行解释，让我们考虑一些简单的事情，例如整个2018年。我想从ClickHouse查询数据作为每个季度的总和，因此结果应为4行。

问题是我只有两个季度的数据，因此使用时GROUP BY quarter，仅返回两行。

SELECT
     toStartOfQuarter(created_at) AS time,
     sum(metric) metric
 FROM mytable
 WHERE
     created_at >= toDate(1514761200) AND created_at >= toDateTime(1514761200)
    AND
     created_at <= toDate(1546210800) AND created_at <= toDateTime(1546210800)
 GROUP BY time
 ORDER BY time

1514761200– 2018-01-01
1546210800–2018-12-31

返回：

time       metric
2018-01-01 345
2018-04-01 123

我需要：

time       metric
2018-01-01 345
2018-04-01 123
2018-07-01 0
2018-10-01 0

这是简化的示例，但是在实际使用情况下，聚合将是例如。5分钟而不是四分之一，GROUP BY将至少具有一个以上属性，GROUP BY attribute1, time因此期望的结果是

time        metric  attribute1
2018-01-01  345     1
2018-01-01  345     2
2018-04-01  123     1
2018-04-01 …

我是 FP-TS 的新手，仍然不太明白如何使用TaskEither. 我正在尝试异步读取文件，然后使用 yaml-parse-promise 解析结果字符串。

==编辑==

我使用文件的完整内容更新了代码以提供更多上下文，并应用了 MnZrK 提供的一些建议。抱歉，我对 FP-TS 还很陌生，并且仍在努力使类型匹配。

现在我的错误在于该行map(printConfig)：

Argument of type '<E>(fa: TaskEither<E, AppConfig>) => TaskEither<E, AppConfig>' is not assignable to parameter of type '(a: TaskEither<unknown, AppConfig>) => Either<unknown, Task<any>>'.
  Type 'TaskEither<unknown, AppConfig>' is not assignable to type 'Either<unknown, Task<any>>'.
    Type 'TaskEither<unknown, AppConfig>' is missing the following properties from type 'Right<Task<any>>': _tag, rightts(2345)

[我通过使用 TaskEither 中的 getOrElse 解决了这个问题，而不是来自 Either 库]

==编辑结束==

我已使用 IOEither 成功执行此操作，作为此项目的同步操作： https: //github.com/anotherhale/fp-ts_sync-example。

我还查看了这里的示例代码： https ://gcanti.github.io/fp-ts/recipes/async.html

完整代码在这里： …

我想在我的div中选择所有输入并设置它们的新值,但我也想要排除具有某些值的输入,如下所示:

$('#mydiv input:not(val("100")').val(myvariable);

怎么做,是否有可能在简单的选择器？谢谢