const swiper_1 = new Swiper('.swiper-1', {
slidesPerView: 3,
spaceBetween: 30,
loop: true,
centeredSlides: true,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
}
});
const swiper_2 = new Swiper('.swiper-2', {
slidesPerView: 1,
loop: true
});
const swipeAllSliders = (index) => {
swiper_1.slideToLoop(index);
swiper_2.slideToLoop(index);
};
swiper_1.on('slideChange', () => swipeAllSliders(swiper_1.realIndex));
swiper_2.on('slideChange', () => swipeAllSliders(swiper_2.realIndex));
React.useEffect(() => {
(async () => {
try {
const themes = await fetch("/arr").then((data) => data.json());
const activeTheme = Math.floor(themes.length / 2);
const activePlace = Math.floor(themes[activeTheme].subtopics.length / 2);
setThemes(themes);
setActiveTheme(activeTheme);
setActivePlace(activePlace);
} finally {
setIsLoad(false);
}
})();
}, []);
npm i create-react-app -g
create-react-app my-app
window
. Хотите ограничить область видимости каждого скрипта, тогда либо IIFE, либо паттерн "модуль" (что по сути тоже IIFE). function addColor(event) {
event.currentTarget.classList.toggle('color');
}
^
- это операция XOR. XOR вернёт единицу в том случае, если один из операндов (битов) 1 а другой 0. Таким образом, к примеру, 3 ^ 5
вернет 6 потому, что 0b011 ^ 0b101
(для простоты, биты будем считать слева направо):0 ^ 1 = 1
.1 ^ 0 = 1
.1 ^ 1 = 0
.0b110 = 6
.undefined ^ N
или 0 ^ N
, что вернёт нам само число.