Публикации по теме 'front-end-development'
Фокус или фокус виден? Руководство по тому, как сделать ваше состояние фокуса доступным
Навигация по приложениям важна для пользователей независимо от того, какое устройство они используют. Простой пример — навигация и взаимодействие с содержимым веб-сайта, когда ваша мышь разряжена. Благодаря индикатору фокуса и поддержке навигации с помощью клавиатуры будет легче понять, где вы находитесь на веб-сайте, или выполнить любое желаемое действие с любыми интерактивными элементами. В этом посте мы рассмотрим различные поддержки CSS для состояния фокуса и способы их..
Осторожно превзойдите ожидания ваших пользователей
Осторожно превзойдите ожидания ваших пользователей. Поймите ожидания ваших пользователей, а затем дайте им немного больше.
Риск заключается в том, что ваши клиенты, вероятно, не захотят платить за усовершенствования или полностью осознают их значение, пока они не пострадали.
Самые задаваемые вопросы на собеседовании по JS
Я могу предоставить несколько общих вопросов для собеседования по JavaScript, которые, скорее всего, будут заданы на собеседовании, независимо от года:
В чем разница между == и === в JavaScript? Объясните, как замыкания работают в JavaScript. В чем разница между let и var в JavaScript? Как работает цикл событий в JavaScript? Объясните, как this работает в JavaScript. В чем разница между синхронным и асинхронным кодом в JavaScript? В чем разница между вызовом, применением и..
Еженедельный дайджест внешнего интерфейса № 16 (17–23 июля 2017 г.)
Веб-разработка
Игра с Shadow DOM Измерение веб-производительности; это действительно очень просто Размышления о HTTP/2 и бандлинге Больше ошибок при внедрении встроенного SVG в рабочую среду — Часть II
Практика:
Создаем графику с помощью HTML Canvas : бесплатный курс на egghead.io От нуля до героя, создание WebVR-приложений с помощью Babylon.js на всех платформах Создание вращающейся 3D-карусели с помощью CSS и JavaScript GreenSock для начинающих (часть..
Оптимизация представлений Express React для первой загрузки; CI/CD
Оптимизация представлений Express React для первой загрузки; CI/CD
Очевидным является то, что вы вводите «невидимый» слой в свою кодовую базу, чтобы упростить реализацию. Это не так уж и плохо, если это ваше намерение, но это может затруднить изменение реализации в будущем.
Другой, менее очевидный, — плохая производительность при первой загрузке.
Проблема
ERV использует @babel/register , чтобы сначала скомпилировать дерево React, прежде чем преобразовать его в строку, которая..
Что такое front end разработка и стоит ли в ней работать?
Введение: что такое веб-разработка?
Веб-разработка относится ко всему, что связано с созданием веб-сайтов. В целом веб-разработка состоит из 2-х областей: front-end (разработка на стороне клиента) и back-end (разработка на стороне сервера).
Интерфейс ориентирован на конечного пользователя. Или, другими словами, все, что пользователи видят на сайте, например изображения, кнопки, формы и многое другое.
С другой стороны, бэкенд относится к функциональности веб-сайта, то есть к тому,..
Синхронизируйте состояние локального хранилища на вкладках в React с помощью useSyncExternalStore
Локальное хранилище — это хорошее место, обычно используемое для хранения данных (но не токенов аутентификации!), которые необходимо сохранять между сеансами.
Вы можете удобно хранить пользовательские настройки, такие как свернутая или развернутая боковая панель, в локальном хранилище. Однако обновления не будут синхронизироваться на нескольких вкладках. Чтобы решить эту проблему, используйте хук useSyncExternalStore в React, чтобы обеспечить согласованность данных на всех вкладках...
