Зачем нужен на самом деле bootstrap.min.js


Bootstrap.min.js — Зачем он нужен на самом деле

Многие используют на своих сайтах бутстрап, и я не исключение. Это просто удобно. Про стили все понятно — с помощью них быстро писать админки, верстать макеты — я про сетку. В общем бутстрап реально экономит время. Ниже актуальные ссылки на бутстрап на момент написания статьи:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css" integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>

Так вот, а зачем же нужен js? от бутсртапа то… На самом деле я написал множество сайтов и он мне пригодился только в одном мете — для гамбургер меню…. Многовато кода для одной функции, не так ли?

В общем в итоге я решил его исключить из нескольких проектов, просто написав свой собственный код js для меню гамбургера. Почему не jQuery? — Js быстрее работает. Код ниже:

function toggleMenu() {
    let mainMenu = document.getElementById("navbarDropdown");
    mainMenu.classList.toggle("collapse");
}

А тут как его вызывать — просто запуск функции при нажатии на гамбургер, кнопка стандартная, добавил к ней только onclick=»toggleMenu()».

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarDropdown"
            aria-controls="navbarDropdown" aria-expanded="false" aria-label="Toggle navigation" onclick="toggleMenu()">
        <span class="navbar-toggler-icon"></span>
    </button>

В общем сайты стали на чуточку быстрее…. Так что пользуйтесь.

Рубрика: Javascript

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *