Category Archives: Angular.js

Storybook for creating components library

It works with all popular frameworks like React, Angular, Vue, and others. https://github.com/storybooks/storybook

Книга по Angular2

https://leanpub.com/essential_angular

Почитать про Angular2

Ссылки

Hackstack.js — библиотека для подмены API в angular.js

https://github.com/rangle/hackstack Позволяет не только подменять ответы, встраиваясь в Angular.js, но и, к примеру, генерировать задержки ответов. Видео от создателя — https://www.youtube.com/watch?v=PNpOGwOoSiw

Angular 1: Controller As vs $scope

controller as появился далеко не сразу. Зачем он нужен? $scope наследуется, и как только в дочернем шаблоне произойдёт изменение отнаследованной модели, она перестанет синхронизироваться с родительской. Обойти это можно было, создавая модели-свойства объектов. Но это не очень очевидно и не так изящно. Поэтому была введена конструкция вида <div ng-controller=»ParentController as parent»>. Тогда в шаблонах модели …

SEO для одностраничных приложений

http://mono.software/2016/02/18/SEO-for-javascript-applications/ Разжёвывают старую идею, что нужно урлы делать с «хешбэнгами», т.е. http://www.site.com/#!/some/page. При этом при запросе по урлу http://www.site/?_escaped_fragment_=/some/page нужно отдать сгенерированный контент.

Советы по производительности AngularJS

Это перепечатка статьи Релиз Angular.js 2.0 приближается, а проблемы с производительностью первой версии все еще остаются. Эта статья посвящена оптимизации Angular.js приложений и будет полезна как начинающим, так и тем, кто уже использует этот фреймворк, но еще не сталкивался с проблемами его производительности. Немного простой теории Как известно, Angular.js это декларативный фронт-енд фреймворк, предоставляющий удобный …

Ошибки при разработке AngularJS-приложения

Старайся содержать контроллеры максимально простыми. Весь повторяющийся код выноси в сервисы. Разделяй объявление методов контроллера и тела функций

$scope.click = click;
$scope.$watch('item', watchItem);

function click(e, item)
{
  ...
}
function watchItem(item)
{
  ...
}

$scope.click = click;

$scope.$watch('item', watchItem);

function click(e, item)

{

...

}

function watchItem(item)

{

...

}

Не полагайся на наследование $scope-ов контроллеров. Этот ад ты потом не сможешь поддерживать. Достаточно будет при редизайне перенести блоки или выделить кусок контроллера в сервис. А представить нормальное тестирование этого я даже не берусь. UPD: Лучше …

Почему React хуже AngularJS

Моё мнение во многом совпадает с мнением автора статьи http://habrahabr.ru/post/249107/.

Реализация определения размера устройства в AngularJS

Идея описана здесь — https://blog.bullgare.com/2013/12/%D0%BE%D0%BF%D1%80%D0%B5%D0%B4%D0%B5%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5-%D1%82%D0%B8%D0%BF%D0%B0-%D1%83%D1%81%D1%82%D1%80%D0%BE%D0%B9%D1%81%D1%82%D0%B2%D0%B0-%D0%B2-js-%D1%87%D0%B5%D1%80%D0%B5%D0%B7-media/. Т.е. через media-queries задавать параметры, которые определят размеры устройства, по этим параметрам менять z-index. Затем создать в js-файле такой элемент скрытым и считывать его z-index в любой момент. Особенно это удобно делать в css-препроцессорах, чтобы параметризовать параметры media-queries. Тогда изменения внешнего вида сайта через css будут происходить одновременно с изменением …