Публикации по теме 'front-end-development'


Как показать прогресс RequireJS с помощью NProgress
tl;dr: используйте внутренний onResourceLoad API NProgress — очаровательная маленькая библиотека, которая легко создает плавно анимированную полосу загрузки вверху страницы. Многие сайты используют его, чтобы убедить пользователя в том, что загрузка процессов, например сетевых запросов или IO, займет небольшое количество времени. Мы все видели логику, похожую на следующую (как на Medium и GitHub!) : Прелесть функции .inc() в том, что она никогда не доводит полосу до конца...
Еженедельный дайджест Frontend № 230 (4–10 октября 2021 г.)
Веб-разработка • Параметры ввода для раскрытия пароля • Рекомендации по использованию приложений для написания Markdown на статических сайтах • Jamstack Conf 2021 • Безопасное манипулирование DOM с помощью Sanitizer API • Как я создал современный сайт в 2021 году Эффекты • Техники анимации для добавления и удаления элементов из стека • Создание трехмерных персонажей в Three.js • Деконструкция homunculus.jp Искажение с помощью Three.js • Обзор..
Краткое объяснение Micro Frontend
Я уже несколько раз встречал термин Micro Front-end и не знал, что это такое. Итак, я отправился в путешествие, чтобы точно узнать, что это такое. Идея микро-интерфейса основана на представлении о том, что веб-приложение основано на наборе функций. Все эти функции могут принадлежать разным командам, которые имеют разное представление об этой функции, поскольку все они имеют разную миссию, которая их волнует. Основные идеи Идеология микро-интерфейса включает в себя несколько основных..
Создайте простое приложение для создания заметок 🔏
Создайте простое приложение для создания заметок 🔏 Учитесь на практике с помощью этого руководства для начинающих Я люблю писать. Либо это для меня, либо для людей, делиться вещами здесь или в моей новостной рассылке , о коде или случайных вещах: это помогает мне очистить свой разум и записать то, о чем я думаю. Поскольку я всегда ищу новые проекты для улучшения своих навыков кодирования, я хотел сделать что-то, связанное с письмом: приложение для создания заметок. Что-то, где вы..
Как я научился писать более чистый код с помощью ESLint
Я профессиональный веб-разработчик почти 2,5 года. Я начал использовать в основном jQuery, но в последующие месяцы все больше и больше начал использовать ванильный JavaScript вместо jQuery. Несколько месяцев назад, в начале нового проекта, старший разработчик из моей команды предложил нам полностью избавиться от jQuery для новых проектов. Сначала я немного нервничал по этому поводу, но понял, что выучу ванильный JavaScript быстрее, если не смогу использовать jQuery для возврата...
Как развернуть приложение Vue.js на хостинге Firebase
В этом руководстве вы узнаете, как развернуть свое приложение на бесплатном хостинге Vue.js в Firebase. 1. Создайте производственную сборку Прежде всего, у вас должна быть производственная/общедоступная сборка вашего приложения Vue.js. Обычно он создается с помощью следующей команды: npm run build Он создаст общедоступную сборку в новой папке, обычно public/ или dist/. Убедитесь, что он существует, прежде чем переходить к следующему шагу. 2. Установите Firebase CLI Чтобы..
LocalStorage против Vuex-persist в Vue.js
Если вы знакомы с localStorage , то знаете, насколько он незаменим при создании одностраничных приложений (SAP). Это позволяет постоянно хранить данные в браузере, например. данные пользователя или корзину. LocalStorage LocalStorage позволяет хранить большой объем данных в хранилище вашего браузера без срока действия. Это означает, что если вы перезагрузите страницу, данные все еще будут там. Раньше я сохранял состояние Vuex в localStorage в своих приложениях Vue.js, и это..