Публикации по теме 'front-end-development'
8 способов скрыть элементы в CSS
Изучите передовые методы CSS для выборочного скрытия элементов и оптимизации UX.
Как веб-разработчики, мы часто сталкиваемся с ситуациями, когда нам нужно скрыть элементы на веб-странице. В этой статье мы рассмотрим 8 способов скрытия элементов в CSS, каждый из которых имеет свои преимущества и особенности.
1. Непрозрачность и фильтр: непрозрачность
Один из самых простых способов скрыть элемент — настроить его непрозрачность. Свойство opacity позволяет нам сделать элемент..
Малоизвестный ключ к оптимизированным компонентам загрузчика React
Узнайте детали, которые упускают из виду даже некоторые опытные разработчики
Можно подумать, что реализовать компонент загрузчика React довольно просто - и это действительно так. Однако есть деталь, которую упускают даже некоторые опытные разработчики, которая делает этот код более эффективным и менее подверженным ошибкам.
Начнем с простейшей из возможных реализаций:
Мы бы использовали это так:
Прежде чем мы рассмотрим предлагаемые улучшения, давайте сделаем шаг назад и..
Обновления внешнего интерфейса за апрель 2022 г.: элемент диалога, подсказки по приоритетам и React 18
В этом месяце наша команда инженеров рассказала о нативных диалоговых окнах, о том, как начать работу с экспериментальными подсказками по приоритетам, а также о нескольких важных релизах. React 18 наконец-то вышел!
командой инженеров Whitespectre
В этом месяце мы охватываем:
Элемент диалога Приоритетные подсказки Время выпуска!
Элемент диалога
Создание веб-диалогов всегда было вопросом использования библиотек JS или взлома с помощью z-index, событий указателя и JS, чтобы..
Наиболее распространенные ошибки при использовании React
Оригинально опубликовано на https://claritydev.net
React — это популярная библиотека для создания пользовательских интерфейсов, предлагающая различные функции, помогающие разработчикам с легкостью создавать сложные приложения. Однако, как и в случае с любой технологией, при использовании React легко допустить ошибки, особенно если вы новичок в нем. В этой статье мы рассмотрим некоторые из наиболее распространенных ошибок, которые допускают разработчики при использовании React,..
Как мы создали новый маркетинговый сайт Klaviyo
Около года назад Klaviyo запустила полностью переработанный маркетинговый сайт. Вот как мы это сделали.
С чего мы начали
Наш предыдущий маркетинговый сайт, который с этого момента я буду называть «устаревшим сайтом», был довольно традиционной настройкой WordPress. Его основные технологии будут знакомы людям в сообществе WordPress:
Roots Sage , включая шаблоны Laravel Blade Дополнительные настраиваемые поля для структурированных данных Гутенберг для новых сообщений в блоге..
Научитесь реагировать ленивым способом в 2023 году
React — это мощная библиотека JavaScript, используемая для создания пользовательских интерфейсов. Это позволяет разработчикам с легкостью создавать интерактивные и динамические веб-приложения.
В этой статье мы рассмотрим, что такое React, почему его стоит изучать в 2023 году, а также преимущества постепенного подхода к обучению.
Мы также рассмотрим настройку среды разработки, создание компонентов, управление состоянием, обработку событий и пользовательский ввод, работу со списками,..
Debounce vs Throttle vs выполнение очереди
Debounce vs Throttle vs выполнение очереди
У нас есть множество статей в Интернете, объясняющих, что такое Debouncing, Throttling и в чем разница между ними. Но большинство, которые я обнаружил, часто были длинными, запутанными и со сложными примерами кода (если таковые имеются).
Поэтому я придумал для них упрощенные примеры рабочего кода, чтобы они могли быстро понять концепцию. Начнем с более простого - Debounce.
Debounce
Отказ от функции пригодится, когда она вызывается..
Новые материалы
Коллекции публикаций по глубокому обучению
Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..
Представляем: Pepita
Фреймворк JavaScript с открытым исходным кодом
Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..
Советы по коду Laravel #2
1-) Найти
// You can specify the columns you need
// in when you use the find method on a model
User::find(‘id’, [‘email’,’name’]);
// You can increment or decrement
// a field in..
Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv)
Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..
3 способа решить квадратное уравнение (3-й мой любимый) -
1. Методом факторизации —
2. Используя квадратичную формулу —
3. Заполнив квадрат —
Давайте поймем это, решив это простое уравнение:
Мы пытаемся сделать LHS,..
Создание VR-миров с A-Frame
Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..
Демистификация рекурсии
КОДЕКС
Демистификация рекурсии
Упрощенная концепция ошеломляющей
О чем весь этот шум?
Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..