Dendron — это инструмент для управления знаниями и создания заметок, который помогает организовать информацию и улучшить продуктивность. Он работает на основе файловой системы и использует текстовые файлы в формате Markdown, что делает его совместимым c Visual Studio Code
Dendron особенно полезен для тех, кто работает с большими объемами информации и нуждается в эффективной системе для их организации и поиска.

Made in HTML/CSS

Что такое функции конструктора?

Функции-конструкторы — это обычные функции, которые используются для создания объектов. Однако есть два правила их использования:

- Имя функции-конструктора должно начинаться с заглавной буквы.
- Функция-конструктор должна вызываться с помощью оператора new.

При создании функции-конструктора с использованием оператора new происходит следующее:

- Создается новый пустой объект, которому присваивается новый пустой объект.
- Выполняется код внутри функции-конструктора. Как правило, этот код изменяет объект this и добавляет новые свойства.
- Возвращается значение this.

Made in HTML/CSS

Адаптивная flex-сетка на CSS: разбираем реализацию на атомы

Статья посвящена созданию адаптивной flex-сетки на CSS с использованием SCSS. Автор фокусируется на практической реализации. Основная идея заключается в разделении страницы на определенное количество колонок, где каждый элемент может занимать нужное ему количество этих колонок.

🌐 Читать статью

Made in HTML/CSS

Основные отличия функции-конструктора от класса в JavaScript:

- Синтаксис: Функция-конструктор использует function, класс — class.

- Прототипы: Функции добавляют методы на прототип объекта, классы объявляют методы внутри, автоматически добавляя их в прототип.

- Наследование: Классы используют extends для наследования, функции требуют ручного управления прототипами.

- Область видимости: Переменные внутри функций видны только в функции, в классах — только в классе.

- Удобство: Классы предоставляют более удобный синтаксис для создания объектов и настройки свойств и методов.

Made in HTML/CSS

Как работать с JSON в веб-разработке?

Статья посвящена работе с JSON в веб-разработке и анализу распространенных ошибок, которые могут привести к сбоям или длительным простоем сайта.

JSON - это формат обмена данными между клиентом и сервером, представленный текстовой строкой с определенной структурой.

🌐 Читать статью

Made in HTML/CSS

Что такое генераторы?

Генераторы в JavaScript — это специальный тип функций, который позволяет вам приостанавливать и возобновлять выполнение функции. Они полезны для работы с асинхронным кодом, обработки потоков данных и создания итераторов

Для объявления генератора используется специальный синтаксис - функция генератора.

next() является основным методом генератора. При вызове next() начинает выполнение кода до ближайшего оператора yield. Значение может отсутствовать, в этом случае оно представляется как неопределенное. Когда доходность достигнута, выполнение функции приостанавливается, и соответствующее значение возвращается внешнему коду.

Made in HTML/CSS

Тёмная и светлая темы для SVG

Статья посвящена реализации темной и светлой тем для SVG-иконок с использованием современных CSS-инструментов. Основное внимание уделяется функции light-dark(), которая позволяет адаптировать внешний вид SVG-изображений в зависимости от предпочтений пользователя.

Рассматриваются различные способы применения этой функции, включая использование SVG как фонового изображения через background-image или как элемента <img>.

🌐 Читать статью

Made in HTML/CSS

Что такое микро и макро задачи в JavaScript?

В JavaScript задачи делятся на микрозадачи и макрозадачи, которые обрабатываются в цикле событий (Event Loop). Микрозадачи (например, обработчики Promise.then(), process.nextTick() в Node.js и MutationObserver) имеют высокий приоритет и выполняются сразу после текущего кода, до перерисовки страницы. Они добавляются в специальную очередь микрозадач и обрабатываются перед любыми операциями.

Макрозадачи (например, setTimeout, setInterval, requestAnimationFrame, а также события ввода и сетевые запросы) помещаются в основную очередь событий и выполняются только после того, как все микрозадачи обработаны. Эти задачи запускаются позже, между циклами перерисовки страницы.

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

Made in HTML/CSS

Margin и padding в CSS: как сразу сделать грамотно

Статья посвящена разъяснению ключевых отличий между свойствами margin и padding в CSS, а также предоставляет практические рекомендации для их использования в веб-дизайне.

Разбираемся в ключевых отличиях между этими важнейшими свойствами, а также знакомимся с трюками, чтобы UI / UX вашего сайта стал еще круче и грамотнее.

🌐 Читать статью

Made in HTML/CSS

В чем разница между sessionStorage и localStorage?

Разница между sessionStorage и localStorage заключается в следующем:

Время хранения данных. LocalStorage сохраняет данные на неопределённый срок, пока пользователь или скрипт явно не удалит их. SessionStorage сохраняет данные только на время текущей сессии (вкладки или окна браузера).

Область видимости. Данные в localStorage доступны во всех вкладках и окнах одного и того же домена. Данные в sessionStorage доступны только в текущей вкладке или окне.

Применение. LocalStorage используется для хранения данных, которые должны сохраняться между сессиями, таких как настройки пользователя или данные корзины покупок. SessionStorage применяется для хранения временных данных, которые нужны только в течение текущей сессии

Made in HTML/CSS

5 HTML-атрибутов для улучшения пользовательского опыта и SEO

Разбираем мощные, но часто игнорируемые атрибуты HTML, способные значительно улучшить пользовательский опыт и SEO вашего сайта. От многоязычности до удобства заполнения форм – все, что нужно современному разработчику

🌐 Читать статью

Made in HTML/CSS