Сообщения

Сообщения за август, 2017

JS30. Задание 9 Dev Tools Domination

Изображение
Не очень интересное занятие и вовсе не проект. Некоторые возможности консоли разработчика   Логи   В консоль можно вывести сообщение console.log( 'message' ); Заполнители Можно вывести сообщение с  заполнителями  для произвольных данных: console.log( 'message with a %s', 'placeholder' ); Стилизация сообщений Если в качестве заполнителя использовать css-стили, сообщение в консоли будет отформатировано: console.log( '%cmessage with style', 'color: red; font-size: 24px; font-weight: 600' ); Предупреждения Вы можете войти предупреждающее сообщение: (на самом деле нельзя, будет сообщение об ошибке) console.warning( 'warning message' ); Уведомления об ошибках Помимо обычных сообщений и предупреждений, есть также сообщения об ошибках: console.error( 'error message' ); Информационные сообщения Вы можете также войти некоторые информационные сообщения: (которые никак не отличаются от обычных) co

JS30. Задание 8 Fun with HTML5 Canvas

Изображение
Демо https://canvas30.github.io/ Код https://github.com/canvas30/canvas30.github.io Я рисую. Интересное задание с использованием canvas. Как решать пока не знаю, но это явно увлекательно и забавно Разметка очень простая: <canvas id="draw" width="800" height="800"></canvas> В HTML5 определен элемент <canvas> как «растровый холст, который может быть использован для отображения диаграмм, игровой графики или изображений на лету». Сanvas - это прямоугольная область на странице, где с помощью JavaScript можно рисовать. Как же этот холст выглядит? В действительности, никак. У тега <canvas> нет собственного контента и рамки. Добавила холсту пунктирную рамку и тут же появился вопрос. Мой холст имеет размер 800х800рх, а авторский растягивается на всю страницу. Но стили у нас одинаковые, то есть почти никаких: html, body {     margin:0; } Получается, что размер холста 100%х100% прописан в js. А в чём смысл

JS30. Задание 7 Array Cardio Day 2

Изображение
Второй день работы с массивами. Разбираем методы Array.prototype.some() Array.prototype.every() Array.prototype.find() Array.prototype.findIndex() Array.prototype.some() Метод some() проверяет, удовлетворяет ли хоть какой-нибудь элемент массива условию, заданному в передаваемой функции. Метод some() вызывает переданную функцию callback один раз для каждого элемента, присутствующего в массиве до тех пор, пока не найдет такой, для которого callback вернет истинное значение Пример: проверка значений элементов массива Следующий пример проверяет, существует ли в массиве какой-нибудь элемент, больший 10. function isBiggerThan10(element, index, array) { return element > 10; } [2, 5, 8, 1, 4].some(isBiggerThan10);  // false [12, 5, 8, 1, 4].some(isBiggerThan10); // true Пример: проверка элементов массива с использованием стрелочных функций Стрелочные функции предоставляют более краткий синтаксис для подобных проверок. [2, 5, 8, 1, 4].some(elem => elem > 1