ECMAScript 6替代崩潰和負責任的Bootstrap菜單？

Question

我想在沒有jQuery的Bootstrap 4中創建一些負責任的漢堡菜單，只依賴於ECMAScript 6和它的功能。我無法找到Bootstrap的collapse.js和animation.js的替代品，所以我決定自己解決這個問題。

什麼是操縱DOM和動畫ES6中的變化的首選方式？

Answer 1

處理dom操作真的沒有什麼不同。 ES15帶來了許多結構上的差異，您可以使用這些工具來簡化編碼任務。但DOM中的切換和開關類可以使用ES5

高效地完成

const burger = document.querySelector('.burger-menu'); 
burger.addEventListener('click', handleBurger); 

function handleBurger(e) { 
    e.currentTarget.classList.toggle('open'); 
}