DevGang
Авторизоваться

10 хитростей для оптимизации вашего Angular приложения 

Здесь я собрал список практик, которые помогут нам повысить производительность наших приложений Angular.

Предварительная загрузка модулей Angular по требованию 

Если вы используете Angular, это означает, что вам нужно разрезать код на модули и подумать, какие модули вы хотите загрузить и когда. Чем меньше вы отправите сначала, тем лучше. Модули, которые не загружаются, как только пользователь открывает страницу, загружаются лениво. Это означает, что они будут загружены позже. Но когда?

Телепортация контента в Angular 

Angular - это блестяще разработанный фреймворк, и мы (обычно) рады структурировать наше веб-приложение по его правилам.

Каждое приложение Angular похоже на дерево, поэтому родительский шаблон содержит дочерние компоненты, и каждый дочерний элемент отображает свое содержимое только в своем представлении. И это обычно нормально.

8 общих структур данных в Javascript 

Возможно, вы хотите улучшить свои фундаментальные знания в области компьютерных наук, особенно в области структуры данных и алгоритмов. Сегодня мы рассмотрим некоторые общие структуры данных и реализуем их в JavaScript.

Надеюсь, эта часть дополнит ваши навыки!

Контролируемые и неконтролируемые компоненты в React 

Фото Nik Shuliahin на Unsplash
Фото Nik Shuliahin на Unsplash

React - это библиотека JavaScript для создания пользовательских интерфейсов. Если вы нажали, чтобы прочитать этот пост, вы, возможно, уже знаете, что React это все о компонентах. 

Линейный и бинарный поиск с помощью JavaScript 

JavaScript поставляется с некоторыми довольно удобными инструментами для поиска в массиве. Но с большим набором данных в O(N), такие методы как indexOf или find могут работать не так быстро как хотелось бы. Вместо этого мы можем использовать бинарный поиск для обхода массива и поиска только того что нам действительно нужно, игнорируя то, что нам явно не нужно, при этом давая нам сложность O(logn).

Понимание нотации Big O через призму JavaScript

Если вы когда-нибудь задумывались о том, чтобы устроиться на работу в качестве разработчика, вы, вероятно, в какой-то момент натолкнулись на это интервью Google и задались вопросом: «О чем, черт возьми, они говорят?». В этой статье мы рассмотрим, что они имеют ввиду, разбрасывая такие термины, как «квадратичный» и «n log n».

Как начать работу с Performance API в JavaScript

Производительность, производительность, производительность. У вас может быть лучший сайт в мире, но если загрузка займет 2 минуты, его никто не увидит. Если ваш сайт загружается за 2 минуты, вероятно, не составит труда понять, почему. Оптимизация сложнее, когда вы пытаетесь снизить среднее время загрузки с 1 до 0,85 секунды.

Как определить, когда URL браузера меняется

Сегодня давайте посмотрим, как определить, когда URL-адрес изменяется и что-то сделать в результате.

Совместное использование Observables: связь между компонентами

Предположим следующий случай: у вас есть проект Angular / Ionic, который имеет несколько компонентов, которым требуется один и тот же ресурс. Когда приложение загрузится, компоненты начнут получать свежие данные из серверной части. Следовательно, вы, вероятно, увидите несколько одинаковых вызовов на вкладке Сеть.

Присоединяйся в тусовку

Поделитесь своим опытом, расскажите о новом инструменте, библиотеке или фреймворке. Для этого не обязательно становится постоянным автором.

Попробовать

В этом месте могла бы быть ваша реклама

Разместить рекламу