Apache Cordova
Apache Cordova — это среда разработки мобильных приложений с открытым исходным кодом. Она позволяет использовать стандартные веб-технологии — HTML5, CSS3 и JavaScript для кроссплатформенной разработки. Делимся статьей, где автор демонстрирует создание мобильного приложения для Android с помощью Apache Cordova.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Apache Cordova — это среда разработки мобильных приложений с открытым исходным кодом. Она позволяет использовать стандартные веб-технологии — HTML5, CSS3 и JavaScript для кроссплатформенной разработки. Делимся статьей, где автор демонстрирует создание мобильного приложения для Android с помощью Apache Cordova.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤3
Метод map() для работы с массивами
Метод map() позволяет применить функцию к каждому элементу массива и вернуть новый массив на основе результатов этой функции.
Например, чтобы создать новый массив, в котором каждый элемент увеличен на 1, можно использовать следующий код:
Например, чтобы создать новый объект, в котором каждое свойство увеличено на 1, можно использовать следующий код:
#методы
Метод map() позволяет применить функцию к каждому элементу массива и вернуть новый массив на основе результатов этой функции.
Например, чтобы создать новый массив, в котором каждый элемент увеличен на 1, можно использовать следующий код:
const arr = [1, 2, 3];Также метод map() позволяет применить функцию к каждому элементу объекта и вернуть новый объект на основе результатов этой функции.
const newArr = arr.map((item) => item + 1);
console.log(newArr); // [2, 3, 4]
Например, чтобы создать новый объект, в котором каждое свойство увеличено на 1, можно использовать следующий код:
const obj = {a: 1, b: 2, c: 3};Использование метода map() позволяет упростить манипуляции с элементами массива и объекта и повысить читаемость кода.
const newObj = Object.fromEntries(
Object.entries(obj).map(([key, value]) => [key, value + 1])
);
console.log(newObj); // {a: 2, b: 3, c: 4}
#методы
👍6
Генератор коротких CSS классов и id
Делимся статьей, где автор демонстрирует генерацию коротких css классов и id элементов в html верстке. Приведен алгоритм и требования к генератору, также присутствует ссылка на npm пакет.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Делимся статьей, где автор демонстрирует генерацию коротких css классов и id элементов в html верстке. Приведен алгоритм и требования к генератору, также присутствует ссылка на npm пакет.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍4
Деструктуризация в JavaScript
Деструктуризация позволяет извлекать значения из объектов и массивов и присваивать их переменным.
Например, чтобы извлечь значения из массива, можно использовать следующий код:
#полезно
Деструктуризация позволяет извлекать значения из объектов и массивов и присваивать их переменным.
Например, чтобы извлечь значения из массива, можно использовать следующий код:
const arr = [1, 2, 3];Аналогично, чтобы извлечь значения из объекта, можно использовать следующий код:
const [a, b, c] = arr;
console.log(a, b, c); // 1 2 3
const obj = {a: 1, b: 2, c: 3};Деструктуризация также позволяет извлекать значения из вложенных объектов и массивов:
const {a, b, c} = obj;
console.log(a, b, c); // 1 2 3
const obj = {a: 1, b: {c: 2, d: 3}};Использование деструктуризации упрощает доступ к значениям объектов и массивов и повышает читаемость кода.
const {a, b: {c, d}} = obj;
console.log(a, c, d); // 1 2 3
const arr = [[1, 2], [3, 4]];
const [[a, b], [c, d]] = arr;
console.log(a, b, c, d); // 1 2 3 4
#полезно
👍6
Создание понга
Делимся статьей, где автор рассказывает про создание понга с помощью JavaScript. Продемонстрирована игровая логика, создание примитивов на 2D-канвасе. Присутствует ссылка на код в GitHub и видео-гайд.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Делимся статьей, где автор рассказывает про создание понга с помощью JavaScript. Продемонстрирована игровая логика, создание примитивов на 2D-канвасе. Присутствует ссылка на код в GitHub и видео-гайд.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Шаблонные строки - это специальный вид строковых литералов, который позволяет вставлять значения переменных и выражений внутрь строки.
Например, чтобы создать строку, содержащую значения переменных, можно использовать обычные строки и конкатенацию:
Например, чтобы создать строку, содержащую значения переменных, можно использовать обычные строки и конкатенацию:
const name = 'Alice';С помощью шаблонных строк этот код можно записать короче и более читаемо:
const age = 25;
const message = 'My name is ' + name + ' and I am ' + age + ' years old.';
console.log(message); // "My name is Alice and I am 25 years old."
const name = 'Alice';Шаблонные строки также позволяют использовать многострочный формат и вставлять выражения:
const age = 25;
const message = My name is ${name} and I am ${age} years old.;
console.log(message); // "My name is Alice and I am 25 years old."
const message = My name is ${name} and I am ${age} years old. The square of my age is ${age * age}.;
console.log(message);
/*
"My name is Alice and I am 25 years old.
The square of my age is 625."
*/
#полезно👍5
Управление страницей с помощью жестов
Делимся статьей, где автор демонстрирует управление страницей с помощью жестов. Для обнаружения и отслеживания руки и жестов используется MediaPipe. Для работы с зависимостями — Yarn.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Делимся статьей, где автор демонстрирует управление страницей с помощью жестов. Для обнаружения и отслеживания руки и жестов используется MediaPipe. Для работы с зависимостями — Yarn.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Вот еще одна полезная заметка: в JavaScript есть два различных оператора сравнения: "==" и "===".
Оператор "==" сравнивает значения двух операндов и приводит их к одному типу данных, если они имеют разный тип. Например:
Оператор "===" также сравнивает значения двух операндов, но не выполняет приведение типов. То есть, если операнды имеют разный тип, они будут считаться не равными. Например:
В целом, рекомендуется использовать оператор "===" вместо "==" в большинстве случаев, чтобы избежать неожиданных результатов при сравнении значений разных типов данных.
#операторы
Оператор "==" сравнивает значения двух операндов и приводит их к одному типу данных, если они имеют разный тип. Например:
console.log(5 == "5"); // trueЗначения сравниваются после приведения типов, поэтому "5" (строка) преобразуется в 5 (число).
Оператор "===" также сравнивает значения двух операндов, но не выполняет приведение типов. То есть, если операнды имеют разный тип, они будут считаться не равными. Например:
console.log(5 === "5"); // falseЗначения не сравниваются после приведения типов, поэтому "5" (строка) и 5 (число) будут считаться разными значениями.
В целом, рекомендуется использовать оператор "===" вместо "==" в большинстве случаев, чтобы избежать неожиданных результатов при сравнении значений разных типов данных.
#операторы
👍6❤1
Heap out of memory
Распространенной проблемой при работе с Node.js является ошибка «heap out of memory». Эта ошибка обычно возникает, когда памяти по умолчанию, выделенной твоей системой для Node.js, недостаточно для запуска большого проекта. В данной статье автор демонстрирует, как можно решить эту проблему.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Распространенной проблемой при работе с Node.js является ошибка «heap out of memory». Эта ошибка обычно возникает, когда памяти по умолчанию, выделенной твоей системой для Node.js, недостаточно для запуска большого проекта. В данной статье автор демонстрирует, как можно решить эту проблему.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Промисы - это объекты, которые представляют собой асинхронную операцию, и имеют три состояния: ожидание (pending), выполнено (fulfilled) и отклонено (rejected). Промисы позволяют работать с асинхронными операциями более удобно, чем с колбэками, так как позволяют обрабатывать результаты асинхронной операции через методы
#полезно
then()
и catch()
.#полезно
👍5❤1
Граф
Граф представляет собой математическое представление сети и описывает отношения между линиями и точками. Граф состоит из нескольких точек и линий между ними. Каждый объект в графе называется узлом. Благодаря этой статье ты узнаешь, как работать с графом в JavaScript.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Граф представляет собой математическое представление сети и описывает отношения между линиями и точками. Граф состоит из нескольких точек и линий между ними. Каждый объект в графе называется узлом. Благодаря этой статье ты узнаешь, как работать с графом в JavaScript.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍1
Получить n последних элементов массива
Метод массива slice() может принимать отрицательные целые числа, и при наличии он будет принимать значения с конца массива, а не с начала.
Метод массива slice() может принимать отрицательные целые числа, и при наличии он будет принимать значения с конца массива, а не с начала.
let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];#массивы
console.log(array.slice(-1)); // Result: [9]
console.log(array.slice(-2)); // Result: [8, 9]
console.log(array.slice(-3)); // Result: [7, 8, 9]
👍6
WebHID/WebNFC/WebUSB
Данная статья знакомит с тремя API для работы с аппаратным обеспечением. Благодаря этим API ты сможешь взаимодействовать с HID (Human Interface Device), NFC (Near Field Communication) и USB (Universal Serial Bus).
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Данная статья знакомит с тремя API для работы с аппаратным обеспечением. Благодаря этим API ты сможешь взаимодействовать с HID (Human Interface Device), NFC (Near Field Communication) и USB (Universal Serial Bus).
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Оператор
Одной из малоизвестных, но полезных заметок в JavaScript является то, что можно использовать логический оператор
#операторы
||
для задания значений по умолчаниюОдной из малоизвестных, но полезных заметок в JavaScript является то, что можно использовать логический оператор
||
для задания значений по умолчанию. Если переменная имеет значение null, undefined, false или 0, то можно использовать ||
для установки значения по умолчанию. Например, вместо записи:if (x === undefined) {можно записать:
x = 'default';
}
x = x || 'default';Эта конструкция работает так: если значение x равно null, undefined, false или 0, то будет использовано значение 'default'. Если значение x уже установлено и является истинным, то будет использовано это значение. Такой подход позволяет сократить код и упростить его чтение и понимание.
#операторы
👍9
Асинхронный JavaScript
Асинхронное программирование — это метод, который позволяет твоей программе запустить потенциально длительную задачу и по-прежнему иметь возможность реагировать на другие события во время выполнения этой задачи. Данная статья поможет разобраться с асинхронностью.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Асинхронное программирование — это метод, который позволяет твоей программе запустить потенциально длительную задачу и по-прежнему иметь возможность реагировать на другие события во время выполнения этой задачи. Данная статья поможет разобраться с асинхронностью.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍3
Малоизвестные API
Делимся статьей, посвященной 4 малоизвестным API. Это Page Visibility, Web Share, Broadcast Channel и Internationalization. Ты узнаешь, что они из себя представляют, где ты их можешь использовать и как использовать.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Делимся статьей, посвященной 4 малоизвестным API. Это Page Visibility, Web Share, Broadcast Channel и Internationalization. Ты узнаешь, что они из себя представляют, где ты их можешь использовать и как использовать.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍4
Операторы === и !==
Всегда используйте === и !== вместо == и !=.
== не является транзитивным. Если вы используете === , то оно как и ожидалось будет возвращать false для всех вышеперечисленных случаев.
#полезно
Всегда используйте === и !== вместо == и !=.
== не является транзитивным. Если вы используете === , то оно как и ожидалось будет возвращать false для всех вышеперечисленных случаев.
#полезно
👍2
Module Federation
Module Federation позволяет загружать отдельно скомпилированные приложения во время выполнения. Кроме того, ты можешь делиться общими зависимостями. Это также позволяет обмениваться общими данными, такими как информация о текущем пользователе или глобальные фильтры. В данной статье автор рассказывает про Module Federation.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Module Federation позволяет загружать отдельно скомпилированные приложения во время выполнения. Кроме того, ты можешь делиться общими зависимостями. Это также позволяет обмениваться общими данными, такими как информация о текущем пользователе или глобальные фильтры. В данной статье автор рассказывает про Module Federation.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Оператор in
Вы можете использовать оператор in для того чтобы проверить есть ли такой ключ у объекта.
Если вы посчитаете, что литералы объекта недостаточно хорошо выглядят, то вы можете комбинировать их с помощью функции без параметров.
#операторы
Вы можете использовать оператор in для того чтобы проверить есть ли такой ключ у объекта.
Если вы посчитаете, что литералы объекта недостаточно хорошо выглядят, то вы можете комбинировать их с помощью функции без параметров.
#операторы
👍3