[{...}, {...}, ... ] то втарой вариант будет работать неверно. Если в данных будут строки с примерно таким содержимым "} {" или "}{" то оба варианта перестанут работать 
; и проблема будет решена.let point = {
// .....
}; // <-----()point.properties.color == 'red'? dangerPoints.features.push(point): points.features.push(point);let x=5
(x)?1:2; //errorlet x=5;
(x)?1:2; //oklet x=5
x?1:2; //тоже ок
Какой язык стоит изучать для продвинутой Web backend разработки?
Часто слышу что PHP не лучший выбор для таких задач
однако для серьезных проектов отдают предпочтение им
$(window).bind('wheel', function (event) {
if (event.originalEvent.deltaY >= 0) {
// down
} else {
// up
}
});
.ranging {
display: none;
}
.ranging.opened {
display: block;
}const buttonSelector = '.selector';
const contentSelector = '.ranging';
const activeClass = 'opened';
const toggleContent = (contents, index) =>
contents.forEach((n, i) => n.classList.toggle(activeClass, i === index));
// делегирование, назначаем обработчик клика один раз для всех кнопок
// наверное, у них есть какой-то общий предок, тогда вместо документа
// вешать обработчик следует на него:
// document.querySelector('селектор_контейнера_с_кнопками').addEventListener(...
document.addEventListener('click', e => {
const button = e.target.closest(buttonSelector);
if (button) {
const buttons = document.querySelectorAll(buttonSelector);
const index = Array.prototype.indexOf.call(buttons, button);
toggleContent(document.querySelectorAll(contentSelector), index);
}
});
// или, назначаем обработчик клика индивидуально каждой кнопке
const onClick = function(e) {
toggleContent(this, +e.currentTarget.dataset.index);
}.bind(document.querySelectorAll(contentSelector));
document.querySelectorAll(buttonSelector).forEach((n, i) => {
n.dataset.index = i;
n.addEventListener('click', onClick);
});
<script>
document.addEventListener('DOMContentLoaded', function(){
<?php if(SITE_ID=="s1"){ ?>
document.getElementsByClassName('R-B-H')[0].style.display = 'none';
<?php
} elseif(SITE_ID=="s2"){ ?>
document.getElementsByClassName('O-B-H')[0].style.display = 'none';
<?php
}
?>
});
</script>
document.getElementById("contact").reset();$("#contact")[0].reset();
Но я не хочу, чтобы она сжималась и была похожа на нечто с пикселизацией.Шта?? При уменьшении картинки в браузере - пикселизация?
:nth-child. Индексы там должны быть не 1, 2, 3, а 1, 3, 5. 
"12.03.19".replace(/(\d+)\.(\d+)\.(\d+)/, "20$3-$2-$1");
//"2019-03-12"
new Date("12.03.19".replace(/(\d+)\.(\d+)\.(\d+)/, "20$3-$2-$1"));
//Tue Mar 12 2019 03:00:00 GMT+0300 (Москва, стандартное время)
new Date("12.03.19".replace(/(\d+)\.(\d+)\.(\d+)/, "20$3-$2-$1")).getTime()
//1552348800000
Правой кнопкой мышки на путь к файлу и "Open in new tab" 
<div class="flex-box">
<div class="col1"><!--Содержание первой колонки(Страховая компания и регион)--></div>
<div class="col2"><!--тут второй столбец--></div>
<div class="col1"><!--Содержание первой колонки(Страховая компания и регион)--></div>
<div class="col2"><!--тут третий столбец--></div>
<div class="col1"><!--Содержание первой колонки(Страховая компания и регион)--></div>
<div class="col2"><!--тут четвертый столбец--></div>
<div class="col1"><!--Содержание первой колонки(Страховая компания и регион)--></div>
<div class="col2"><!--тут пятый столбец--></div>
</div>.flex-box{
display: flex;
flex-wrap: wrap;
}
.flex-box div:nth-child(2n+1){
display: none; /*прячем 3 блока с названиями*/
}
@media screen and (max-width:/*тут ширина страницы под планшеты(Пиксели на котором пройдет первый перенос)*/){
/*стили для планшетной версии*/
/*ширину для .col1 и .col2*/
/*ширину для таблицы*/
.flex-box div:nth-child(4n+1){
display: none; /*прячем два блока с названиями*/
}
}
@media screen and (max-width:/*тут ширина страницы под мобилки(Пиксели на котором пройдет второй перенос)*/){
/*стили для мобильной версии*/
/*ширину для .col1 и .col2*/
.flex-box div:nth-child(2n+1){
display: block; /*показываем все блоки с названиями*/
}
}
примерно так:)
Если помог — отметьте решением!