Публикации по теме 'javascript-tips'


Javascript - есть ли разница в том, как вы добавляете элементы в массив?
Давайте посмотрим, есть ли разница между этими способами добавления элементов в массив в Javascript: arr.push(item); arr[arr.length] = item; Если вы уже знаете разницу - продолжайте читать, возможно, вы найдете какие-то новые детали, которые вы пропустили раньше 🤓 Очевидно, что вам лучше использовать такой подход: arr.push(item); Основная причина в том, что встроенные методы очень оптимизированы и более предпочтительны для использования . Но знаете ли вы, почему это..

Помощники консоли Javascript
Консольные функции javascript очень полезны для отображения данных в консоли. Их должен знать каждый разработчик JavaScript. Они позволяют вам отлаживать код Javascript и решать проблемы с вашим кодом. Время() и ВремяКонец() Запускает и останавливает время. Это поможет вам узнать, сколько времени требуется для выполнения функции. Ошибка() Выводит сообщение об ошибке на консоль. Предупреждать() Выводит предупреждающее сообщение на консоль. Прозрачный() Очищает..

3 варианта компиляции машинописного текста в JS: Rollup, TSC, Babel
Недавно на моей последней работе я взялся за проект, связанный с техническим долгом, который требовал удаления повторяющегося кода из 7 (😲) репозиториев, который можно было бы реализовать как многоразовый пакет NPM для импорта и внедрения. Я решил писать код на Typescript. Когда пришло время публиковать, у меня возник вопрос: «Как я собираюсь связать этот код?» Как и все, что связано с JavaScript и программированием, есть несколько способов снять шкуру с этой кошки. Варианты, которые я..

Избегайте многократной попытки поймать асинхронное ожидание в 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 =..

Веб-дизайнер, Великобритания, август 2019 г. Бесплатные ресурсы для креативного дизайнера
JavaScript знаком веб-дизайнерам и разработчикам. Но, как почти все в Интернете, он всегда движется вперед. Сам основной язык постоянно находится в движении, а это означает, что окружающая экосистема инструментов, API, библиотек и фреймворков будет следовать за ним. Мы только что вспомнили времена, когда jQuery был блестящим и новым. Но, хотя его наследие все еще с нами, сегодня существует целый ряд новых, лучших (?) и более целенаправленных вариантов. Итак, в нашей последней..

Webpack 5
Webpack 5 Пошаговое введение в мир объединения приложений JS. webpack - один из самых известных пакетов с накопительным пакетом . Вы можете использовать его, даже не подозревая об этом, например, Create-React-App использует webpack для объединения всех своих зависимостей. Он помогает разработчикам сосредоточиться на разработке и объединяет все ресурсы, модули и зависимости в один пакет. Теперь, когда вышел webpack 5 , я подумал, что было бы неплохо познакомить всех с этой..

Вопросы о Javascript, на которые я не мог ответить во время собеседований (часть 2)
Вопросы о Javascript, на которые я не мог ответить во время собеседований (часть 2) Сегодняшняя цель? Сегодня мы продолжим с того места, где мы уехали. Разрешите еще раз резюмировать то, что мы делали в первой статье, на случай, если вы не читали первую часть. В этой статье я рассмотрю некоторые из основных концепций javascript, которые мне задали во время собеседований, с целью помочь другим людям вроде меня, которые любят писать код на javascript, но не смогли пройти это важное..