Публикации по теме 'front-end-development'
Массив Javascript должен знать методы
Мы все знаем, насколько популярен Javascript в современном мире. Все мы хоть раз в жизни использовали Javascript, будь то наш простой школьный проект на HTML, CSS и JS или такие технологии и фреймворки, как Node.js, React.js, Vue.js и т. д. Существует множество библиотек JS, которые мы можем использовать. кредитное плечо в соответствии с нашими потребностями. По сути, JS стал одним из языков, которые необходимо знать в текущем сценарии. (Ну, я так чувствую 😅…)
Теперь давайте..
Избегайте многократной попытки поймать асинхронное ожидание в JavaScript
Async await выглядит так хорошо, потому что позволяет избежать ада обратных вызовов или пирамиды гибели:
путем написания асинхронного кода в чистом однострочном формате.
async function() {
const a = await step1();
const b = await step1(a);
return a + b;
}
Но обработка ошибок может оказаться непростой задачей. Потому что вы можете получить несколько try catch , поэтому один лайнер расширяется как минимум до пяти строк кода.
async function() {
let a, b;
try {
a =..
Вы все еще можете использовать маршрут
Идея о том, что данные извлекаются через маршрут, по-прежнему имеет много преимуществ, таких как обновление queryParam, обработка ошибок/пузырьковое воспроизведение и паритет со стандартными практиками. Ключевой момент, на который обращает внимание Лорен, заключается в том, что вы можете избежать загрузки пользовательского интерфейса подсостояний, возвращая непосредственное значение вместо обещания в хуке модели.
Пример этого был вдохновлен статьей LinkedIn и продемонстрирован здесь..
Как создать простое расширение Chrome на ванильном JavaScript
Сегодня я собираюсь показать вам, как создать расширение Chrome на обычном JavaScript, то есть на обычном JavaScript без каких-либо дополнительных фреймворков, таких как React, Angular или Vue.
Создание расширения Chrome не должно быть трудным - в первый год программирования я выпустил два расширения, и оба я сделал, используя только HTML, CSS и простой JavaScript. В этой статье я расскажу вам, как сделать то же самое всего за несколько минут.
Я покажу вам, как создать простую панель..
Webpack 5
Webpack 5
Пошаговое введение в мир объединения приложений JS.
webpack - один из самых известных пакетов с накопительным пакетом . Вы можете использовать его, даже не подозревая об этом, например, Create-React-App использует webpack для объединения всех своих зависимостей. Он помогает разработчикам сосредоточиться на разработке и объединяет все ресурсы, модули и зависимости в один пакет. Теперь, когда вышел webpack 5 , я подумал, что было бы неплохо познакомить всех с этой..
Основы CSS: z-index
В CSS у каждого квадрата есть позиция в трех измерениях. В дополнение к позициям по оси X (по горизонтали) и оси Y (по вертикали), блоки также имеют ось Z , где они накладываются друг на друга.
🤓 Хотите быть в курсе новостей веб-разработчиков? 🚀 Хотите, чтобы последние новости доставлялись прямо на ваш почтовый ящик? 🎉 Присоединяйтесь к растущему сообществу дизайнеров и разработчиков!
Подпишитесь на мою рассылку здесь → https://easeout.eo.page
Свойство z-index..
Доступ к камере устройства со статической HTML-страницы с использованием Javascript Camera API
Используя Javascript Camera API, вы можете получить доступ к передней и задней камерам устройства со своей статической HTML-страницы. Не требует установки какой-либо библиотеки или модуля. вы можете сделать это, просто написав небольшой код. Пошагово объясню.
Во-первых, вам нужно добавить тег видео html5 в ваш index.html .
<video id="video"></video>
В файл camera.js добавьте следующий фрагмент кода. Сначала проверьте, поддерживает ли ваш браузер..