Если понравился такой формат, добавь
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥14👍6
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥16⚡2😁1
for
включает начальное выражение, условие и обновление переменной на каждой итерации. for (let i = 0; i < 5; i++) {
console.log(i);
}
let i = 1;
while (i <= 5) {
console.log(i);
i++;
}
let i = 1;
do {
console.log(i);
i++;
} while(i >= 5);
Понравился пост? Добавь🔥 🔥 🔥
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥21👍11⚡1
Еще больше информации по работе с Git, жди в новых постах!)🔥 🔥 🔥
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡6🔥3❤1👍1
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥2❤1
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥4
Пора обогатить ваш словарь Git перед тем, как мы сделаем первый запрос на слияние (Pull Request).
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14
Чудесный макет сайта "зеленая" энергия. Прокачает ваши навыки!
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9👍1👏1
This media is not supported in your browser
VIEW IN TELEGRAM
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥21
This media is not supported in your browser
VIEW IN TELEGRAM
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🔥2
import { ReactQueryDevtools } from 'react-query/devtools'
const App = () => (
{/* Другие компоненты */}
)
Настройки:
import { ReactQueryDevtoolsPanel } from 'react-query/devtools'
const App = () => (
{/* Другие компоненты */}
)
Понравился пост? Добавь🔥 🔥 🔥
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥2👎1
const elements = document.querySelectorAll('.my-element');
elements.forEach((el) => {
console.log(el);
// Выполнение действий...
});
[...elements].forEach((el) => {
// Выполнение действий...
});
Array.from(elements).forEach((el) => {// Или
// Выполнение действий...
});
// Или
[].forEach.call(elements, (el) => {
// Выполнение действий...
});
[].slice.call(elements, 0).forEach((el) => {
// Выполнение действий...
});
Здесь метод массива .forEach передается псевдомассиву NodeList (который ранее не имел метода forEach) с помощью метода call.
```javascript
for (let i = 0; i < elements.length; i++) {
// Выполнение действий с elements[i]
}
Если понравился формат, ждуCodeBase | Frontend🔥 🔥 🔥
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥14👍3
useState
— это хук, который позволяет добавлять состояние в функциональные компоненты. Это проще, чем управлять состоянием в классовых компонентах, и делает код более чистым и понятным.Для начала нужно импортировать хук из библиотеки React:
import React, { useState } from 'react';
Затем можно объявить состояние внутри вашего компонента:
function Counter() {
// Инициализация состояния с начальным значением 0
const [count, setCount] = useState(0);
// Функция для увеличения счётчика
const increment = () => {
setCount(count + 1);
};
return (
<div>
<p>Вы нажали {count} раз</p>
<button onClick={increment}>Нажми меня</button>
</div>
);
}
useState(0)
возвращает массив из двух элементов: текущего значения состояния (count
) и функции для его обновления (setCount
).setCount(count + 1)
устанавливает новое значение для count
, и компонент перерисовывается с обновленным состоянием.Состояний может быть несколько. Вы можете использовать несколько хуков useState в одном компоненте для управления различными состояниями.
Если пост вам понравился и хотите больше подобного контента с примерами, оставляйте ваши реакции🔥
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15🔥7
This media is not supported in your browser
VIEW IN TELEGRAM
Крутое решение для вашего проекта. Красиво, удобно, лаконично. Пользуйтесь на здоровье!)
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥13👍6❤1
mask: url("../shape.png");
mask-repeat: no-repeat;
mask-size: cover;
mask-position: center;
mask: url("../img/shape.png") center/cover no-repeat;
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10👎1
Итак, самая простая страница:
<html>
<head>
<title>Page title</title>
</head>
<body>
<p>Текст</p>
<button>Click Me</button>
</body>
</html>
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10👎1
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15
Пример:
document.cookie = "username=John Doe; expires=Thu, 18 Dec 2023 12:00:00 UTC; path=/";
Пример:
sessionStorage.setItem('username', 'John');
console.log(sessionStorage.getItem('username')); // вывод "John"
Пример:
localStorage.setItem('username', 'John');
console.log(localStorage.getItem('username')); // вывод "John"
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13❤2🤨1
При работе с cookies в JavaScript можно настроить различные атрибуты, которые определяют их поведение.
Эти атрибуты добавляются в строку cookie в виде пар ключ-значение.
Имя и значение определяют данные, которые будут храниться в cookie. Формат выглядит как name=value.
Например, document.cookie = "username=johndoe".
Атрибут expires определяет срок действия cookie. По умолчанию cookie хранятся до закрытия браузера. Чтобы установить конкретную дату истечения срока действия, используйте expires=date.
Например, document.cookie = "username=johndoe; expires=Thu, 31 Dec 2022 23:59:59 GMT".
Атрибут domain указывает на домен, к которому принадлежит cookie. По умолчанию cookie связаны с текущим доменом. Для явного указания домена используйте атрибут domain.
Например, document.cookie = "username=johndoe; domain=example.com".
Атрибут path определяет путь в домене, по которому доступен cookie. По умолчанию cookie доступен для всего домена. Чтобы ограничить cookie определенным путем, укажите атрибут path.
Например, document.cookie = "username=johndoe; path=/admin".
Атрибут secure гарантирует, что cookie передается только через безопасное HTTPS-соединение. Для защиты cookie включите атрибут secure.
Например, document.cookie = "username=johndoe; secure".
CodeBase | Frontend | #js
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4👍3
This media is not supported in your browser
VIEW IN TELEGRAM
CodeBase | Frontend | #js #framework
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10
Поможет прокачать вам свои навыки!
CodeBase | Frontend | #макет
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6