Сергей delphinpro

a b b a
a b b a
a b b a
a b b a
c c d d

2fr 1fr 1fr 2fr

недавно отвечал по этому поводу Почему переменная класса становится undefined при обращении из метода?

Модульный подход не исключает использования штатной папки app и остальных, в том числе resources. Общие, базовые стили вполне могут располагаться там.

Не совсем понял зачем так делать,

очевидно же - для разделения. Ну самое простое - если вы решите отключить какой-то модуль, то и принадлежащие ему ассеты вам не нужны, и они не будут подключены.

Если вы используете дефолтный входной роут /api для обмена данными, то там нет сессии.
Если нужна сессия, то ее нужно включить соответствующим миддлваром (Как использовать сессию в API).

Корзину можно хранить в БД, даже временную. Или в LocalStorage.

Я не заморачиваюсь, просто создаю отдельный файл, типа webpack.config.IDE.js (название любое, пофиг), в нем прописываю алиасы в формате конфига webpack и скармливаю этот файл IDE. Файл этот в коде не используется, исключительно для шторма. Нормально работает.

судя по переменной e могу предположить, что это обработчик события.

import { TMyClass } from './TMyClass';

const obj = new TMyClass;

addEventListener('click', obj.MyFunc.bind(obj))

или 

addEventListener('click', e => obj.MyFunc(e))

ЕСЛИ нет данных в кэше
  перемешать массив 
  положить данные в кэш
КОНЕЦ ЕСЛИ

взять данные из кэша

<div class="hiking__about_item_img">
  <img class="img1" src="img/about_hiking/1.png" alt="House and mountains in the background">
  <img class="img2" src="img/about_hiking/2.png" alt="Snowy mountains">
</div>

.hiking__about_item_img:not(.toggled) .img2,
.hiking__about_item_img.toggled .img1 {
    display: none;
}

document.querySelector('.hiking__about_item_img')?.addEventListener('click', e => {
    e.currentTarget.classList.toggle('toggled');
});

.avatar {
	position: relative;
	width: 150px;
	height: 150px;
-	border-radius: 50%;
-	overflow: hidden;
+	clip-path: circle(50%);
}

.mytable:not(#table_1):not(#table_2) {
  /* Таблица с классом .mytable, но не имеющая идентификаторов #table_1 и #table_2 */
}

.mytable:not([id]) {
  /* Таблица с классом .mytable, но не имеющая никаких идентификаторов */
}

Но гораздо лучшим вариантом будет дать отдельный класс нужной таблице

.table-striped {

}

Даже не знаю с чего начать...
Ну начну с определений объектов Number и String (сами почитаете).

У объектов есть методы, объекты можно вызывать как функции.
Первый пример
Number(Math.pow(2, 4));
Здесь мы имеем два объекта Number и Math. У объекта Math вызывается метод pow, который возвращает некое значение. Это значение передается в качестве параметра в Number, вызываемый как функция для приведения переданного значения к числу.
То есть Number() ожидает параметр, и мы его туда передаем.

Второй пример.
str.toLowerCase().includes(s);
Здесь вы имеем объект String (строка в переменной str). У этого объекта куча методов, которые можно использовать. Здесь вызывается метод toLowerCase(). Этот метод НЕ принимает никаких параметров (смотрите документацию) и возвращает новый объект String. Затем у этого нового объекта String вызывается еще один метод includes(s)

const dscrs = document.querySelectorAll('.item__wrapper');
const ratings = document.querySelectorAll('.rating');

dscrs.forEach((wrapper) => {
        let dsrc = wrapper.querySelector('.item__dscr');
        let rating = wrapper.querySelector('.rating');

        dscr.addEventListener('click', function(e) {
            dscr.classList.toggle('item__dscr-active');
            let active = dscr.classList.contains('item__dscr-active');
         
            ratings.forEach(r => r.classList.remove('active'));
            rating.classList.toggle('active', active);
        })
})

В любой непонятной ситуации смотри исходники =)

https://github.com/laravel/framework/blob/10.x/src...

Такой тонкой настройки нет.
Такой вариант выбран, потому что он универсален, подходит для любого доктайпа.