Публикации по теме 'frontend'
доска для рисования с Javascript
Возможности:
текущий статус активного инструмента
цвет и размер кисти, цвет фона
стереть и сбросить
установить, получить и удалить localStorage
сохранить изображение холста
Код Гитхаб
Демо
HTML
активный инструмент - это статус текущего инструмента
цвет кисти основан на jscolor , который можно настроить
размер кисти - ползунок от 1 до 50
цвет ведра - цвет фона холста
ластик - это кисть с фоновым цветом
очистить холст для пустого..
Ссылки и DOM в React
Если вы здесь, это означает, что вы могли встретить слово «refs» при разработке приложений для реагирования или при поиске ответов в stackoverflow. Итак, в этой статье я собираюсь объяснить рефери как можно проще.
Традиционно, чтобы получить доступ к элементу DOM, мы делаем такие вещи, как:
document.getElementByID('cool');
И после этого мы получаем доступ к свойствам и методам этого элемента внутри нашего скрипта. Но можете ли вы спросить себя, как вы реагируете на это сейчас?..
Как упорядочить свой код Three.js более чистым способом
Как упорядочить свой код Three.js более чистым способом
Простой подход к написанию понятного и поддерживаемого кода Three.js
Когда я только начинал работать с Three.js, я не знал, как организовать свои проекты таким образом, чтобы они были ясными, последовательными и простыми в обслуживании. Я не знал Javascript и вообще не имел опыта веб-разработки, что поначалу немного сбивало с толку.
После некоторой практики и размышлений над процессом, я думаю, что смог придумать достойный..
Что такое необязательная цепочка в Javascript и как она упрощает проверку полей
и как это упрощает проверку полей
Сегодня я буду обсуждать необязательную цепочку.
Необязательная цепочка — это новая функция, появившаяся в es2020. Если кто-то из вас является любителем или разработчиком javascript, ознакомьтесь с ним, так как в нашем коде можно использовать отличные функции.
Хорошо… что же такое необязательная цепочка?
Необязательная цепочка позволяет проверять глубоко вложенные поля, когда на поля ссылаются в операторе. Если одно из полей не определено,..
Сетка внешнего интерфейса (плитка)
Недавно нам нужно было сделать сетку для нового проекта. Требований было несколько:
- быстрая работа как десктопной, так и мобильной версии - большое количество элементов и плавная работа одновременно
Мы пробовали несколько разных сеток — masonry js и другие. Необходимо было использовать анимацию для каждого элемента и загружать их в определенном порядке. Плавность работы была ужасной даже при малом количестве элементов. Потом мы искали простые библиотеки, но у них были проблемы с..
Выпуск InfiniteGrid 4 !!
Мы выпустили основную версию 4 библиотеки макетов с открытым исходным кодом NAVER InfiniteGrid .
InfiniteGrid - это модуль, используемый для бесконечного упорядочивания элементов в соответствии с типом сетки. Этот модуль позволяет реализовать разные сетки из разных элементов карты разного размера. Это также обеспечивает производительность, сохраняя только DOM видимой области.
GitHub - naver / egjs-infinitegrid: модуль, используемый для упорядочивания..
Свойство CSS object-fit() — Свойства и приложения
CSS расшифровывается как каскадные таблицы стилей и определяет, как веб-страница будет выглядеть и работать на разных устройствах и в разных браузерах. В этой статье мы рассмотрим CSS-свойство object-fit() .
Это свойство используется при работе с изображениями и видео. Проще говоря, свойство object-fit указывает, как размер изображения или видео должен быть изменен, чтобы соответствовать контейнеру, в который они помещены. Это свойство гарантирует, что медиафайлы заполняют контейнер,..
