Публикации по теме 'javascript30'
Проекты, которые можно создавать с помощью ванильного JavaScript.
Без сомнения, сегодня JavaScript работает в Интернете и для каждого фронтенд-разработчика, независимо от того, имеет ли он опыт работы или только что начал свою карьеру.
По моему личному выбору обязательно знать основы JavaScript, HTML и CSS, именно так я и поступил.
Фреймворки приходят и уходят, но JavaScript останется навсегда.
Пара потрясающих проектов, которые вы можете выполнить, чтобы освежить свои навыки, узнать что-то новое о JS и оставаться актуальным.
Все они основаны..
Ударная установка — JavaScript30
Мне очень понравилось это испытание!
Цель состояла в том, чтобы создать простое приложение, которое воспроизводит звук при нажатии определенной клавиши. Я сделал что-то подобное для General Assembly несколько месяцев назад, мы играли тексты Daft Punk при наведении курсора мыши, так что это не было для меня чем-то новым. Сказав это, я узнал несколько хороших трюков, когда смотрел видеоурок для этой задачи.
Во-первых, в HTML5 есть вещь, называемая data-* , которая по сути является..
Javascript 30 (День 18)
Сложение времени с уменьшением
Демо можно найти здесь (откройте инструменты разработчика и проверьте файл li tags.
Чему я научился на этом мини-проекте.
селектор данных
Если вы даете элементам элемент данных, в форме data-x вы можете извлечь их через выбор атрибута, это показано ниже.
Доступ к значениям для этого конкретного случая можно сделать через timeNodes.dataset.time
ParseFloat
В этом проекте числа извлекаются из элементов HTML, но сохраняются в виде строк...
Javascript: контекст выполнения и стек вызовов
контекст выполнения - это место, где ваш код javascript фактически выполняется, а стек вызовов - это коллекция вашего контекста выполнения, которая работает в LIFO (последний в первом способом) .
Вышеупомянутые слова кажутся книжным определением, давайте углубимся в них с помощью некоторых практических примеров.
Контекст выполнения:
Код прост:
x присваивается значение 10;
объявление функции продукта;
в-третьих, вызвать product() и присвоить результат;
Что..
Javascript 30 (День 22)
Подсветка ссылок
Демо можно найти здесь .
Чему я научился на этом мини-проекте.
получитьBoundingClientRect()
Используется для возврата размеров и положения элементов относительно окна.
Он возвращает объект, представляющий границы CSS, связанные с элементом. Возвращаемые значения доступны только для чтения и не могут быть обновлены, к ним относятся left , top , x и y .
Значения представляют border-box в пикселях и относятся к верхнему левому углу окна просмотра (это не..
Javascript 30 (День 26)
Полоса следуйте вдоль навигации
Демо можно найти здесь .
Чему я научился на этом мини-проекте.
CSS > селектор
Это используется, когда вы хотите сопоставить прямые элементы-потомки.
Таким образом, в этом случае будет выбран первый тег li элементов с классом cool .
Использование нескольких классов для прогрессивных эффектов
В этом проекте элемент должен отображаться и постепенно исчезать. Для начала элементу дается следующий CSS… display: none , печальным..
Javascript 30 (День 7)
Массив Кардио День 2
Демо можно найти здесь .
Чему я научился на этом мини-проекте.
Массив.прототип.некоторые()
Проверяет массив и возвращает true , если хотя бы один элемент соответствует указанному условию.
new Date()).getFullYear() получает текущий год
Массив.прототип.каждый()
Проверяет массив и возвращает true , если все элементы соответствуют указанному условию.
new Date()).getFullYear() получает текущий год
Массив.прототип.найти()
Проверяет массив и..