var riverEdge1='|',
    riverEdge2='|',
    logArray=['*','*','*','*','*','*'],
    riverWide=20,                       
    riverArray=[],
    riverSpeed=200,                     
    txtSpace=' ';

for (let n=0;n<logArray.length*100;){
  let logPosition=Math.round(Math.random()*riverWide),
      Space='';
      
  for (let log=0; log<logArray.length;log++){
    riverArray.push(createLog(logPosition, logArray[log]))
  }
  
  for (let e=0;e<riverWide;e++){
    Space=Space+' '
  }
  riverArray.push(Space+riverEdge2)
  n=n+logArray.length
}

function createLog(num, symbol){
  let log='',
      logStart='',
      logEnd=''
  for(let n=0;n<num;n++){
    logStart=logStart+txtSpace
  }
  for(let i=num+1;i<riverWide;i++){
    logEnd=logEnd+txtSpace
  }
  log=logStart+symbol+logEnd+'|'
  return log
}

riverArray.forEach((riverElem,index)=>{
  setTimeout(()=>{
    console.log(riverEdge1+riverElem)
  },riverSpeed*index)
})

помогите разобраться в логике

Лучше спрашивай конкретнее.

кто то пользовался ulify? вообще странна штука на самом деле
половину функций вырезает - делает вообще что хочет
хотя mangle выключил - все равно половиу переменных режет
чем его заменить можно - что есть нормальное?

кто может помочь, как с помощью throw или try...catch отлавливать ошибки? совсем не понятно

привет.

.header__hamburger-menu {
       display: block;
       position: relative;
   }
   .header__hamburger-menu-link,
   .header__hamburger-menu-icon {
       display: inline;
   }
   .header__hamburger-menu-icon {
       position: absolute;
       right: 90px;
       top: -13px;
       transition: transform 1s linear;
   }
   .header__hamburger-menu-icon:hover,
   .header__hamburger-menu-icon:focus,
   .header__hamburger-menu-icon:active {
       transform: rotate(90deg);
       box-shadow: 0 0 10px, 2px 8px 6px rgba(0, 0, 0, 0.2), 0px -5px 35px rgba(255, 255, 255, 0.3);
   }


как это же сделать в js?

const hamburgerMenuActivity = document.getElementById("header__hamburger-menu-activity");
hamburgerMenuActivity.addEventListener("click", function() {
   hamburgerMenuActivity.classList.toggle("header__hamburger-menu-activity-off");
   console.log(hamburgerMenuActivity.classList);
});

.header__hamburger-menu-activity-off {
   transform: rotate(90deg);
   box-shadow: 0 0 10px, 2px 8px 6px rgba(0, 0, 0, 0.2), 0px -5px 35px rgba(255, 255, 255, 0.3);
}

не получается( по клику начинается вращение, и сразу возвращается в исходное состояние

Насколько я понимаю, цель минификации - уменьшить объём кода. Названия должны быть сокращены, неиспользуемые функции, пробелы, комментарии удалены. Задача разработчика - структурировать проект так, чтобы после этого ничего не сломалось. А вставлять палки в колёса этому процессу возможно при помощи опций, которые описаны в документации.

Если бы было все так просто

А в чём у тебя проблема? Зачем тебе понадобилось минифицировать, но не полностью?

Есть много функций которые вешаются на кнопки, на разные вызовы фцнкций. Добавление в корзину. Вызов некоторых модальных окон. ЧТоб имена не менялись то вышло - а вот банальные переменные все равно все вырезает и вставляет свои

Ребят, а в этой беседе можно ревью кода просить?

Код работает, просто малоли кто-то посоветует как будет лучше

Небольшие фрагменты могут быть кому-то интересны, целые проекты - шансов меньше. За спрос денег не берут, в любом случае.

https://pastebin.com/arQFEq31 вот код. Если коротко то даны вложенные массивы. Каждый массив состоит из имени человека(нулевой элемент) и списка мест где он был, нужно его развернуть так что бы нулевым элементом был человек, а за ним список мест где он был

не, я понимаю что проект на 300 строк никто проверять не будет 😄 тут меньше)

Попробуй eslint подключить с набором каких-нибудь правил, например standardjs. Твой код засветится как новогодняя ёлка, а там уже решишь разумны ли рекомендации код-стайла или нет.

Забываешь объявлять переменные в for of циклах, потенциальный выстрел в ногу.

понял сейчас посмотрю как им пользоваться

спасибо

/get_stats@GrStatsBot