Публикации по теме 'ui'


Реагировать на использованиеRef() 🪝
useRef() похож на useSate(), поскольку он позволяет нам сохранять (оставлять неизменными) значения между рендерингами , но, в отличие от useState(), хук Ref не вызывает повторный рендеринг, когда изменяемое значение изменено . useRef() возвращает изменяемый объект, текущее свойство которого установлено с начальным значением, которое передается в качестве аргумента функции Ref. const refObject = useRef(initial_value); В приведенном выше примере refObject — это возвращаемый..

Отличное, очень понятное объяснение базовой конфигурации реакции (хотя вы начали с…
Отличное, очень понятное объяснение базовой конфигурации реагирования (даже если вы начали с create-react-app, далее вам нужно переключиться на ручную настройку с помощью Babel и webpack). Я хотел узнать больше о том, как работать с material-ui (а вы просто добавляете его в этот курс без объяснений). Итак, новичкам будет полезно узнать больше о material/react-bootstrap/некоторых других модулях, чтобы привнести в проект хороший пользовательский интерфейс.

На этой неделе я узнал: центрировать фиксированный элемент div изменяющейся ширины [2023–05–19]
Это маленький, но хороший. Я хотел показать небольшое сообщение в своем веб-приложении, точно по центру, с динамическим содержанием. Мне потребовалось некоторое время, чтобы понять это, прочитав множество правил CSS, но решение, в конце концов, довольно простое. Подвох в том, что он находится поверх всего остального, и казалось, что фиксированное положение для этого хорошо, поэтому обычные display: flex трюки у меня не сработали. Хуже того, каждый раз, когда я меняла содержимое,..

Как разрешить пользователю загружать изображение на холсте тире во время выполнения
dash-canvas — это модуль для аннотации и обработки изображений с помощью Dash. Приведенный ниже учебник предоставляет способ динамической загрузки (через пользовательскую систему во время выполнения) изображения внутри dash-canvas, на котором пользователь может выполнять различные функции, предоставляемые холстом. Во-первых, мы создадим функцию загрузки, используя dcc.upload, как показано ниже: import datetime from dash import Dash, dcc, html from dash.dependencies import Input,..

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

Тестирование автоматизации пользовательского интерфейса с использованием Cypress - Часть 1
Введение в Cypress Cypress - это бесплатный инструмент для тестирования внешнего интерфейса с открытым исходным кодом, устанавливаемый локально. Его могут использовать разработчики или инженеры по контролю качества, которые создают веб-приложения с использованием фреймворка JavaScript. Можно выполнить модульное тестирование, интеграционное тестирование и сквозное тестирование , написав тестовый пример с помощью Cypress. Используя кипарис, можно протестировать все, что работает в..

Почему базовое понимание графического дизайна и художественного смысла может поднять веб-разработчиков и…
В сегодняшнюю цифровую эпоху веб-разработка и программирование стали важнейшими навыками, которые пользуются большим спросом. Поскольку так много веб-разработчиков и программистов борются за одну и ту же работу, важно выделиться среди конкурентов. Один из способов сделать это — приобрести немного знаний в области графического дизайна и художественного чутья. В этой статье мы рассмотрим, почему каждый веб-разработчик и программист должен иметь некоторые знания в области графического..