Javascript & Ajax \ Javascript

3 способа проверить в JavaScript, есть ли у объекта свойство

От автора: из-за динамической природы JavaScript вам может потребоваться проверить, существует ли в объекте конкретное свойство. В этом посте вы узнаете о трех распространенных способах проверки наличия свойства в объекте.

Продолжить чтение

Javascript & Ajax \ Javascript

Как создать динамический фон с помощью CSS Paint API

От автора: современные веб-приложения сильно загружены изображениями. Они составляют львиную долю загружаемых байтов. Оптимизируя их, вы можете лучше использовать их производительность. Если вы используете в качестве фоновых изображений геометрические фигуры, то есть альтернатива. Вы можете использовать CSS Paint API для программного создания фонов.

Продолжить чтение

Javascript & Ajax \ Javascript

Эффект анимации прокрутки Apple

От автора: Apple хорошо известна своей стильной анимацией на страницах товаров. Например, когда вы прокручиваете страницу вниз, товары могут разворачиваться, MacBook открываются и переходит в iPhone, демонстрируя аппаратное обеспечение и рассказывая интерактивные истории о том, как использовать товары.

Продолжить чтение

Javascript & Ajax \ Javascript

Функции JavaScript, которые можно забыть

От автора: первая демонстрация языка, который должен был стать JavaScript, состоялась почти 25 лет назад. Язык был выпущен, как LiveScirpt, в бета-версии Netscape Navigator осенью 1995 года и переименован в JavaScript в том же году. В конце того же года я начал работу над первым изданием JavaScript («Бета-версия»), которое О’Рейли опубликовал как «бета-версию», и она вышла в августе 1996 года, то есть ему уже 24 года.

Продолжить чтение

Javascript & Ajax \ React

Когда React выполняет повторный рендеринг компонентов?

От автора: React известен тем, что обеспечивает быстрое взаимодействие с пользователем, обновляя только те части пользовательского интерфейса, которые изменились. Если посмотреть на производительность рендеринга в React, есть несколько терминов и концепций, которые трудно понять. В течение некоторого времени мне не было на 100% ясно, что такое VDOM или как React решает, когда нужно выполнить ререндеринг компонентов.

Продолжить чтение

Javascript & Ajax \ Javascript

JavaScript-рендеринг и проблемы для SEO в 2020 году

От автора: за последние три года, работая в команде SEO в Croud, Нью-Йорк, 60% наших клиентов прошли через определенную форму миграции. Еще ~ 30% перешли с или на SPA (одностраничное приложение), часто используя AJAX (асинхронный Javascript и XML) фреймворк в различной степени.

Продолжить чтение

Javascript & Ajax \ Angular

Angular: Как создать полноэкранный календарь, такой как в Outlook

От автора: некоторое время назад в проекте Angular мне нужно было отобразить полноэкранный календарь, такой как в outlook. Поэтому, как обычный ленивый разработчик, я начал искать в Интернете пакет NPM, который мог бы сделать эту работу.

Продолжить чтение

Javascript & Ajax \ React

Реактивное (react) гамбургер-меню

От автора: создайте свое собственное меню, используя React, хуки, TypeScript и styled-component. Я предпочитаю простое меню, которое не будет выглядеть навязчивым на странице, отвлекая внимание от контента — но в то же время доступное для моих пользователей. Вместе мы создадим простое липкое гамбургер-меню!

Продолжить чтение