Пример с переменными:
console.log(x); // undefined
var x = 5;
- Переменные, объявленные через
var
, поднимаются, но их значение инициализируется как undefined
. Пример с функциями:
foo(); // "Hello"
function foo() {
console.log("Hello");
}
- Объявления функций поднимаются полностью, поэтому их можно вызывать до объявления.
Hoisting не применяется к
let
и const
, которые остаются в "временной мертвой зоне" до объявления.CodeBase | Frontend | #JS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
box-shadow
используются для создания теней, но работают по-разному. box-shadow
применяется к блочным элементам и создает тень вокруг их рамки. Тень может быть смещена, размыта и изменена по цвету..box {
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
filter: drop-shadow()
применяется к содержимому элемента, включая прозрачные области, такие как текст или изображения с альфа-каналом. Тень повторяет форму содержимого..element {
filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
}
Основное отличие:
box-shadow
работает с рамкой элемента, а drop-shadow
учитывает форму содержимого, включая прозрачные части.CodeBase | Frontend | #CSS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7❤1
Специально для Вас, собираем лучшие вакансии. Только вакансии с прямыми контактами в Telegram!
🤖 ML
🔎 QA
💼 1C
Подпишись чтобы не упустить свой шанс получить лучший оффер!
Please open Telegram to view this post
VIEW IN TELEGRAM
Методы Vue — это функции, которые определяются в объекте
В шаблоне метод вызывается через
Методы реагируют на изменения данных и обновляют DOM через реактивную систему Vue. Они не кэшируются, в отличие от вычисляемых свойств, и выполняются каждый раз при вызове.
CodeBase | Frontend | #JS
methods
компонента. Они используются для обработки событий, выполнения логики или изменения состояния компонента. Методы можно вызывать из шаблона через директивы (например, v-on) или из других методов.
export default {
data() {
return {
count: 0
};
},
methods: {
increment() {
this.count++;
}
}
};
В шаблоне метод вызывается через
v-on
:
<button @click="increment">Увеличить счетчик</button>
Методы реагируют на изменения данных и обновляют DOM через реактивную систему Vue. Они не кэшируются, в отличие от вычисляемых свойств, и выполняются каждый раз при вызове.
CodeBase | Frontend | #JS
🔥3❤2👍2
This media is not supported in your browser
VIEW IN TELEGRAM
— обзоры дистрибутивов
— команды для терминала
— open source приложения
— полезные фреймворки
— оптимизация серверов
— инсайдерская информация
Подписывайся - @clubLinux
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2👍1🔥1
srcset
используется для указания нескольких версий изображения с разным разрешением, чтобы браузер мог выбрать наиболее подходящее в зависимости от размера экрана и плотности пикселей.
<img src="image-default.jpg"
srcset="image-small.jpg 480w, image-medium.jpg 800w, image-large.jpg 1200w"
sizes="(max-width: 600px) 480px, (max-width: 900px) 800px, 1200px"
alt="Example image">
В этом примере
srcset
содержит три версии изображения с указанием их ширины в пикселях. Атрибут sizes
определяет, какое изображение использовать в зависимости от ширины экрана. Это улучшает производительность и адаптивность веб-страниц.CodeBase | Frontend | #Основы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
Forwarded from Club Arduino 💡🪛🧲
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
crafting.interpreters.pdf
13.1 MB
Crafting Interpreters
Год: 2021
Автор: Robert Nystrom
Язык: Английский
#Eng #JavaScript #Book
CodeBase | Frontend | #book
Год: 2021
Автор: Robert Nystrom
Язык: Английский
В этой книге вы узнаете все, что вам нужно знать для реализации полнофункционального и эффективного языка сценариев. Вы познакомитесь как с высокоуровневыми концепциями синтаксического анализа и семантики, так и с такими важными деталями, как представление байт-кода и сборка мусора. Ваш мозг озарится новыми идеями, а руки станут грязными и мозолистыми.
#Eng #JavaScript #Book
CodeBase | Frontend | #book
👍1
Forwarded from Ленивый программист
Коллеги, привет!
Наткнулся на один блокчейн-проект на очень ранней стадии - Graphite Network
В чем главная фишка для нас, ленивых?
В том, что они еще не вложились в маркетинг.
Это значит - никакой толпы, никакой дикой конкуренции за награды.
Идеальный момент, чтобы зайти с минимальными усилиями.
Что там можно сделать:
1️⃣ Зафармить токены почти без конкуренции.У них запущена программа, где за бриджинг и объемы насыпают токены проекта.
2️⃣ Получить USDT просто за подписку.. Подписываешься на их телеграм-канал и автоматически участвуешь в розыгрышах USDT, которые проходят каждые 3 дня. Пока все разбирают слитые курсы, можно попробовать залутать немного крипты.
Кому интересно поковыряться, вот ссылки:
➡️ Канал проекта (сюда для розыгрышей): https://t.me/graphiteL1
➡️ Инфа по стейкингу (для тех, кто хочет фармить): https://t.me/graphiteL1/217
➡️ Их чат, если есть технические вопросы: https://t.me/graphitenetwork?erid=2W5zFJd2cY8
🦥Ленивый программист
Наткнулся на один блокчейн-проект на очень ранней стадии - Graphite Network
В чем главная фишка для нас, ленивых?
В том, что они еще не вложились в маркетинг.
Это значит - никакой толпы, никакой дикой конкуренции за награды.
Идеальный момент, чтобы зайти с минимальными усилиями.
Что там можно сделать:
1️⃣ Зафармить токены почти без конкуренции.У них запущена программа, где за бриджинг и объемы насыпают токены проекта.
2️⃣ Получить USDT просто за подписку.. Подписываешься на их телеграм-канал и автоматически участвуешь в розыгрышах USDT, которые проходят каждые 3 дня. Пока все разбирают слитые курсы, можно попробовать залутать немного крипты.
Кому интересно поковыряться, вот ссылки:
➡️ Канал проекта (сюда для розыгрышей): https://t.me/graphiteL1
➡️ Инфа по стейкингу (для тех, кто хочет фармить): https://t.me/graphiteL1/217
➡️ Их чат, если есть технические вопросы: https://t.me/graphitenetwork?erid=2W5zFJd2cY8
🦥Ленивый программист
inline
, block
и inline-block
.span
, a) занимают только необходимое пространство, не создают разрывов строки до и после себя. Нельзя задавать ширину, высоту или вертикальные отступы.div
, p) занимают всю доступную ширину, начинаются с новой строки и поддерживают задание ширины, высоты, отступов.CodeBase | Frontend | #CSS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
⌨️ Хотите научиться создавать полноценные API-серверы с использованием Node.js и TypeScript?
Приглашаем на открытый урок «Как создать API-сервер с TypeScript и Node.js».
🗓 4 августа в 20:00 МСК
🆓 Бесплатно. Урок в рамках старта курса «Node.js Developer».
На открытом уроке мы покажем, как быстро настроить сервер с помощью Express, создать маршруты для работы с данными и обрабатывать запросы от клиентов. Вы освоите основы TypeScript и API-разработки, получите знания для работы с типами данных и ошибок.
🎯 Погрузитесь в мир востребованной backend-разработки: создайте API-сервер, научитесь писать чистый и безопасный код и откройте для себя возможности Node.js.
🔗 Ссылка на регистрацию: https://tglink.io/9eb5ea902d48?erid=2W5zFJWta9e
#реклама
О рекламодателе
Приглашаем на открытый урок «Как создать API-сервер с TypeScript и Node.js».
🗓 4 августа в 20:00 МСК
🆓 Бесплатно. Урок в рамках старта курса «Node.js Developer».
На открытом уроке мы покажем, как быстро настроить сервер с помощью Express, создать маршруты для работы с данными и обрабатывать запросы от клиентов. Вы освоите основы TypeScript и API-разработки, получите знания для работы с типами данных и ошибок.
🎯 Погрузитесь в мир востребованной backend-разработки: создайте API-сервер, научитесь писать чистый и безопасный код и откройте для себя возможности Node.js.
🔗 Ссылка на регистрацию: https://tglink.io/9eb5ea902d48?erid=2W5zFJWta9e
#реклама
О рекламодателе
const element = document.getElementById('example');
element.textContent = 'Hello, DOM!';
DOM позволяет изменять структуру, стили и содержимое документа динамически с помощью JavaScript. Это основа для интерактивных веб-приложений.
CodeBase | Frontend | #JS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
git push <remote> <branch>
- <rem
ote> — имя удалённого репозитория (обычно origin)
- <bra
nch> — ветка, которую нужно отправить git push -u origin main
Флаг
-u
связывает локальную ветку с удалённой для будущих push/pull
без указания параметров. При конфликтах требуется предварительный pull
.CodeBase | Frontend | #Git
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
В России можно посещать IT-мероприятия хоть каждый день: как оффлайн, так и онлайн
Но где их находить? Как узнавать о них раньше, чем когда все начнут выкладывать фотографии оттуда?
Переходите на канал IT-Мероприятия России. В нём каждый день анонсируются мероприятия со всех городов России
📆 в канале размещаются как онлайн, так и оффлайн мероприятия;
👩💻 можно найти ивенты по любому стеку: программирование, frontend-backend разработка, кибербезопасность, дата-аналитика, osint, devops и другие;
🎙 разнообразные форматы мероприятий: митапы с коллегами по цеху, конференции и вебинары с известными опытными специалистами, форумы и олимпиады от важных представителей индустрии и многое другое
А чтобы не искать по разным форумам и чатам новости о предстоящих ивентах:
🚀 IT-мероприятия России — подписывайся и будь в курсе всех предстоящих мероприятий!
Но где их находить? Как узнавать о них раньше, чем когда все начнут выкладывать фотографии оттуда?
Переходите на канал IT-Мероприятия России. В нём каждый день анонсируются мероприятия со всех городов России
А чтобы не искать по разным форумам и чатам новости о предстоящих ивентах:
Please open Telegram to view this post
VIEW IN TELEGRAM