Публикации по теме 'frontend'
Начните свою карьеру в качестве веб-разработчика интерфейса: все, что вам нужно знать
Вы когда-нибудь задумывались над тем, как формируется веб-сайт? Что нужно для создания такого великолепного дизайна с отзывчивыми кнопками и сногсшибательной анимацией? Передняя часть веб-разработки — вот ответ.
Мои первые шаги в области Frontend-разработки были сделаны еще любознательным юношей, который постоянно экспериментировал с кодированием HTML и CSS, чтобы персонализировать свою страницу на MySpace. Я понятия не имел, что то, что началось как времяпрепровождение, станет моей..
О правиле именования - Front-end
Я всегда думаю о том, как лучше назвать имя. Вы можете назвать то, что хотите в своем стороннем проекте. Вы можете вспомнить то, что вы назвали раньше, сохранить самостоятельно. Но что, если вы сотрудничаете с другими? Каково наилучшее правило, которое каждый может быстро приступить к работе и легко поддерживать?
Перед стартом
У нас может быть какой-то компонент, какой-то генератор, какие-то данные для формы, таблицы, какая-то кнопка для обработки… какие-то переменные, какие-то..
Монолит против Micro Frontend
Ты современный? Насколько современно ваше веб-приложение? Тогда вы, должно быть, делаете микро-фронтенды! Довольно провокационно , не правда ли?
Вся сложность. Все беды. За что? В любом случае ваш интерфейс устареет через пару месяцев, и вам лучше инвестировать в компоненты многократного использования. Ничто не сравнится с монолитом! Тоже довольно абсолютная и узкая перспектива, не так ли?
Хороший шанс, что вы согласны либо с первым, либо со вторым абзацем. Однако, как..
HTTP: несколько способов кэширования
В этом посте будут представлены несколько способов кэширования HTTP-запросов.
Кэш-Контроль
Cache-Control — это распространенный способ кэширования. Идея состоит в том, что сервер добавит пару ключ-значение заголовка для первого запроса:
response.setHeader('Cache-Control', 'max-age=30')
В этом примере в качестве максимального возраста будет установлено 30 секунд, что означает, что через 30 секунд тот же запрос не будет отправлен. Но это слишком мало времени. Обычно коммерческая..
Изменение значений / состояния аргументов в Storybook (без хука useState)
Изменение значений / состояния аргументов в Storybook (без хука useState) + ReactJS
Краткий обзор того, как изменить значения аргументов историй в Storybook и ReactJs. Для объединения с элементами управления сборником рассказов.
Если вы задаетесь вопросом, как добавить функциональность к компонентам Storybook, что подразумевает изменение значений ваших реквизитов, ознакомьтесь с информацией ниже.
В этой статье я предполагаю, что вы уже знаете, что такое StoryBook и используете..
Порядок выполнения декоратора?
Да, еще одна статья о декораторах ... Здесь мы хотим немного больше узнать о выполнении декораторов во время выполнения.
Декораторы используют форму @expression , где expression должен оценивать функцию, которая будет вызываться во время выполнения с информацией о декорированном объявлении. - Документация TypeScript для декораторов
Вышеприведенное предложение немного расплывчато для новичков. Мы понимаем, что функции декоратора будут выполняться во время выполнения. Но..
спок-рок игра с Javascript
Игра «камень-ножницы-бумага-ящерица-спок» — более сложная игра. Правило ниже:
КОД Гитхаб
ДЕМО
HTML
Игра находится в игровом контейнере.
Player-container включает в себя счет, текст выбора и пять выбираемых значков с событием onclick.
компьютерный контейнер по той же схеме. но нет события.
Всякий раз, когда происходит сброс, нужно запускать функцию resetAll().
И текст результата показывает каждое событие запуска.
CSS
игровой контейнер:..