JavaScript заметки

11 новых возможностей JavaScript в ES13 Представляем новейшие возможности JavaScript в ES13. Используйте их, чтобы повысить свою производительность и писать более чистый код с высокой степенью лаконичности и ясности. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

.forms forms — это поле объекта document. Оно хранит коллекцию всех элементов <form>, которые есть на текущей странице. Коллекция доступна только для чтения. #объект_страницы Подробнее

Устали от того, что теряете время на поиск ошибок в вашем проекте? Хотите узнать новые фичи веб-разработки? Тогда добро пожаловать на канал Veras IT, где вы узнаете: Как найти мертвые зависимости в проекте Как узнать процент заряда устройств в js Малоизвестные фишки devtools Это канал о фронтенде, фреймоврках и новостях разработки понятными словами и без воды. https://t.me/veras_it https://t.me/veras_it https://t.me/veras_it

Оператор распространения В ES5 мы могли найти максимальные значения в массиве, используя метод apply на Math.max следующим образом:

Math.max.apply(null, [-1, 100, 9001, -32]); // 9001

В ES6 мы используется оператор распространения для передачи массива значений, которые выступают параметрами для функции:

Math.max(...[-1, 100, 9001, -32]); // 9001

Мы можем легко конкатенировать литералы массивов:

let cities = ['San Francisco', 'Los Angeles'];
let places = ['Miami', ...cities, 'Chicago']; // ['Miami', 'San Francisco', 'Los Angeles', 'Chicago']

#операторы

На что способен Selenium в паре с JavaScript? Что получится, если совместить Selenium WebDriver и JavaScript? Ответ: море преимуществ в процессе веб-разработки, повышенная эффективность и качественный результат. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Научим кодить на Python бесплатно и грамотно @python_tasks — единственный обучающий канал, который даёт код не просто картинкой, но и текстом для запуска А ещё даёт объяснение решений, а не просто показывает, что правильно. Реальные задачи с собеседований VK, Yandex и Лаборатории Касперского Топовые, бесплатные знания для тебя — @python_tasks

Object.entries() Метод возвращает массив, состоящий из массивов, каждый из которых содержит пары ключ-значение объекта, переданного в качестве аргумента. Этот метод полезен при работе с объектами, так как позволяет легко получать доступ к ключам и значениям объекта. Как видно из примера, метод Object.entries() преобразует объект person в массив массивов, где каждый вложенный массив содержит ключ и значение объекта. Это может быть полезно, например, для итерации по объекту или для выполнения каких-либо операций с ключами и значениями. #методы

Задачи на Promise Объект Promise представляет возможное завершение (или сбой) асинхронной операции и ее результирующее значение. В данной статье продемонстрированы основные задачи на Promsie, которые часто спрашивают на собеседованиях. Присутствует код с подробными комментариями. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

😭 Новички во фронтенде могут ошибаться Быть фронтендером — это решать сложные задачи, развиваться, зарабатывать большие деньги и расти. Круто, если на этом пути есть старший коллега, который может подсказать, поддержать и научить фишкам. Есть телеграм-канал, который ведет опытный разработчик и делится с новичками своим опытом и лучшими практиками простым языком. 👉🏻 Гурыч Фронт

Метод parseInt() Метод parseInt() в JavaScript используется для преобразования строки в целое число. Он пытается проанализировать переданную строку и извлечь из нее целочисленное значение. Чтобы использовать метод parseInt(), передайте ему строку, которую вы хотите преобразовать в число, в качестве аргумента. Метод parseInt() будет искать цифровую часть строки, игнорируя начальные пробелы, и преобразовывать ее в целое число. Если в начале строки содержатся недопустимые символы, parseInt() вернет NaN (Not a Number). В примере строка "42" передается в метод parseInt(). Он преобразует строку в целое число 42. Затем результат сохраняется в переменной число, и при выводе в консоль получаем значение 42. #метод

Способы применения reduce Метод reduce() выполняет функцию редуктора для каждого элемента массива и возвращает одно выходное значение. Редьюсер проходит по массиву поэлементно. На каждом шаге добавляет текущее значение массива к результату предыдущего шага. Этот результат является текущей суммой всех предыдущих шагов. Делается это до тех пор, пока не останется элементов для добавления. Делимся статьей, где автор демонстрирует различные применения reduce. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Олег работает фронтенд разработчиком в жёлтом банке Его зарплата 2500$ в месяц, а ещё Олег любит сидеть в телеграме, общаться с друзьями, читать каналы и залипать на мемы. Если бы Олег завёл свой телеграм канал, он бы мог в свободное от работы время зарабатывать на рекламе 1500$ дополнительно к своей зарплате. Если хотите понять, как создавать свои телеграм каналы и монетизировать их, то подпишитесь на канал Телеграмотный. Автор канала айтишник с 7 летним опытом, ведёт сетку телеграм айти-пабликов и показывает, как он на них зарабатывает.

Метод push() Метод push() в JavaScript используется для добавления одного или нескольких элементов в конец массива. Он изменяет исходный массив, увеличивая его длину на количество добавленных элементов. Чтобы использовать метод push(), вызовите его на массиве, к которому хотите добавить элементы, и передайте эти элементы в качестве аргументов. Метод push() добавит каждый переданный элемент в конец массива. В примере у нас есть массив [1, 2, 3], к которому мы применяем метод push() и передаем два дополнительных элемента: 4 и 5. Метод push() добавляет эти элементы в конец массива, изменяя его. После вызова метода и вывода массива в консоль, мы получаем [1, 2, 3, 4, 5]. #метод

О производительности JavaScript Бенчмарки — это что-то вроде минного поля. Каждый бенчмарк имеет свои недостатки и погрешности, и помимо пиковой производительности существует целый ряд других факторов, которые необходимо оценивать при выборе платформы или фреймворка для создания веб-сервисов. В данной статье автор демонстрирует производительность фреймворка just-js. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Метод forEach() Метод forEach() является одним из методов доступных для работы с массивами в JavaScript. Он позволяет выполнять указанную функцию обратного вызова для каждого элемента в массиве. Таким образом, мы можем легко итерироваться по всем элементам массива и выполнить определенные операции для каждого из них. В примере у нас есть массив чисел numbers. Мы используем метод forEach() для итерации по каждому элементу массива и выводим его значение в консоль. Функция обратного вызова, переданная в forEach(), принимает каждый элемент массива и выполняет указанный код для него. Метод forEach() является удобным инструментом для обхода элементов массива и выполнения операций с каждым из них. Он предоставляет нам простой и понятный способ работать с каждым элементом без необходимости использовать циклы или индексы массива. #метод

Асинхронность в браузере Делимся статьей, в которой автор составил подробный гайд про асинхронность в браузере. Рассмотрены цикл событий, функции обратного вызова, async/await и другие темы. Благодаря данной статье у тебя сформируется полное понимание асинхронности в браузере. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Верстаешь? 🔥 Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Добавишь в портфолио 1 качественный проект; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем 11 июля.

Метод splice() Метод splice() в JavaScript используется для изменения содержимого массива путем удаления, замены или добавления элементов. Он изменяет сам исходный массив и возвращает новый массив, содержащий удаленные элементы (если они были удалены). В примере у нас есть массив ['яблоко', 'груша', 'апельсин', 'банан']. Мы вызываем метод splice(1, 2, 'слива', 'вишня'), указывая, что нужно начать изменение с индекса 1, удалить 2 элемента ('груша', 'апельсин') и добавить элементы 'слива' и 'вишня'. Метод splice() изменяет исходный массив, и он становится ['яблоко', 'слива', 'вишня', 'банан']. Он также возвращает массив с удаленными элементами, который в данном случае будет ['груша', 'апельсин']. Мы выводим оба массива в консоль и получаем соответствующие результаты. #метод

6 современных возможностей JavaScript, о которых не знает большинство разработчиков Современному JavaScript есть что предложить разработчикам для решения насущных задач. Эти 6 советов помогут писать лаконичный, хорошо читаемый и отлично работающий код JavaScript. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Метод includes() Метод includes() в JavaScript используется для проверки наличия определенного элемента в массиве или строке. Он возвращает булевое значение, указывающее, найден ли элемент. Для использования метода includes(), вызовите его на массиве или строке, над которыми хотите выполнить поиск. Передайте в качестве аргумента элемент, который вы ищете. Метод вернет true, если элемент найден, и false, если элемент отсутствует. В приведенном примере у нас есть массив ['яблоко', 'груша', 'апельсин', 'банан']. Мы вызываем метод includes('груша'), чтобы проверить, содержит ли массив элемент 'груша'. Метод возвращает true, так как 'груша' присутствует в массиве. Затем мы вызываем метод includes('слива'), чтобы проверить, содержит ли массив элемент 'слива'. Метод возвращает false, так как 'слива' отсутствует в массиве. Результаты выводятся в консоль. #метод