Сочетание внешнего вида flex-start и space-Между [дубликаты]

Я хотел бы расширить ответ Bertil, поскольку я экспериментировал с параметрами URL-адреса соединения.

rewriteBatchedStatements=true является важным параметром. useServerPrepStmts по умолчанию уже неверно, и даже изменение его на true не имеет большого значения в плане производительности пакетной вставки.

Теперь я думаю, что настало время написать, как rewriteBatchedStatements=true улучшает производительность так резко. Он делает это с помощью rewriting of prepared statements for INSERT into multi-value inserts when executeBatch() ( Source ). Это означает, что вместо отправки следующих операторов n INSERT на сервер mysql каждый раз вызывается executeBatch():

INSERT INTO X VALUES (A1,B1,C1)
INSERT INTO X VALUES (A2,B2,C2)
...
INSERT INTO X VALUES (An,Bn,Cn)

Он отправил бы одну инструкцию INSERT:

INSERT INTO X VALUES (A1,B1,C1),(A2,B2,C2),...,(An,Bn,Cn)

Вы можете наблюдать за ним, переключаясь на журнал mysql (через SET global general_log = 1), который будет записывать в файл каждый оператор, отправленный на сервер mysql.

3
задан Pirsanth 19 March 2019 в 00:04
поделиться

1 ответ

Это проще контролировать с помощью CSS Grid, потому что мы можем диктовать оси x и y. С помощью Flexbox вы можете надежно управлять только осью x. Если вы не слышали о модуле fr, он определен Mozilla следующим образом:

fr, что означает «дробь», является единица измерения, представляющая часть доступного пространства в сетчатом контейнере.

Еще одна приятная вещь, связанная с использованием Grid, заключается в том, что мы можем отбросить наборы height и margin-bottom в .box, а также правило flex-wrap. Все о расположении этой сетки, от высоты ячеек до расстояния grid-gap между ними, все определено в родительском элементе.

.grid-container-new {
  background: lightblue;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 300px);
  grid-gap: 20px;
}

.box {
  border: 1px solid black;
  background: orange;
}
<div class="grid-container-new">
  <div class="box">
  </div>
  <div class="box">
  </div>
  <div class="box">
  </div>
  <div class="box">
  </div>
  <div class="box">
  </div>
</div>

jsFiddle

0
ответ дан Andy Hoffman 19 March 2019 в 00:04
поделиться