Публикации по теме 'javascript30'
JavaScript 30 — День 8 — Развлечение с HTML5 Canvas
Я ограничил знакомство с HTML5-тегом ‹canvas›, но использовал его в побочном проекте раньше, когда пробовал использовать Chart.js , но это кое-что в другой раз.
Сегодняшнее упражнение было кодом для простого клона в стиле Paint в вашем браузере.
Большая часть этого упражнения для меня была основана на изучении синтаксиса работы с холстами и их контекстом, поэтому я просто следовал за ними.
Вы можете перейти к этой задаче или просто посмотреть на YouTube учебник о том, как использовать..
Короткие многоразовые функции Javascript всегда будут нужны всем
Многие из вас наверняка уже знакомы с ними. lodash/underscore был создан, чтобы предоставлять служебные функции для общих задач в Javascript. Но некоторые вы не хотите устанавливать пакет для небольшого варианта использования.
Этот блог поможет вам сэкономить время и силы на создании служебных функций.
Создайте массив чисел от 1 до n
const range = (n) => Array.from({ length: n }, (_, i) => i + 1);
console.log(range(10));
Перетасовка массива
const shuffle = (arr)..
90% разработчиков JavaScript не могут ответить на эти фрагменты
Q1. Guess the output
function foo() {
let a = b = 0;
a++;
return a;
}
console.log(foo());
console.log(typeof(a)); // => ???
console.log(typeof(b));
Вдохните, не прыгайте в решение
Вывод: 1 неопределенное число
Q2. Guess the output
function mul (x) {
return function (y) { // anonymous function
return function (z) { // anonymous function
return x * y * z;
};
};
}
console.log(mul(2)(3)(4)); // output : 24
console.log(mul(4)(3)(4));
Вдохните, не прыгайте в решение..
Основы JavaScript
(1) charAt():
Это метод строковых объектов, который возвращает новую строку.
синтаксис — пусть символ = str.charAt(index)
Пример:
константное предложение = «Меня зовут Мовмита Ахмед»;
постоянный индекс = 4;
console.log(`${sentence.charAt(index)}`);
(2) concat()
Это строковый метод, который возвращает новую строку конкатенированных строковых аргументов вызывающей строки.
Пример:
const str1 = ‘Мовмита’; const str2 = ‘Ахмед’;
console.log(str1.concat(‘ ‘, str2)); //..
Javascript 30 (День 6)
Введите вперед
Демо можно найти здесь .
Чему я научился на этом мини-проекте.
В этом случае выборка используется для извлечения данных из URL-адреса, что приводит к источнику данных JSON.
Это вернет обещание, которое можно разрешить. Метод json() можно использовать для получения данных.
Следующий код добавит данные в массив
Примечание Использование оператора ... spread для помещения каждого объекта данных в массив, а не целиком (что приведет к перемещению всего..
Утренняя рутина поможет вам понять async/await в JavaScript
Читать здесь — —
https://www.aeliusventure.com/async-await-in-javascript/
Оставаться на связи!
Спасибо!
Деструктуризация объектов в JavaScript
Деструктуризация объектов - это полезная функция JavaScript для извлечения свойств из объектов и привязки их к переменным. Что еще лучше, деструктуризация объекта может извлекать несколько свойств в одном операторе, может получать доступ к свойствам из вложенных объектов и может устанавливать значение по умолчанию, если свойство не существует.
Обычно мы получаем доступ к объектам с помощью ключа. Ничего нового :)
object.key
Давайте быстро посмотрим на пример ниже:
//..