jshint.com – cute!
jTypes console
jTypes console – nice light pop-up JavaScript console
WebStorm: Editing HTML Inside of JS Literals
AngularJs: альтернативный синтаксис регистрации директив
Вместо привычного нам:
app.directive('directiveName', function() { ...
можно использовать групповой синтаксис:
app.directive(directives)
где directives – объект содержащий в себе директивы (ключ – название директивы, значение – функция конструктор).
Может быть удобно для использования пространства имен (namespaces):
User.directives = {}; User.directives.myDirective = function () { ... angular.directive(User.directives);
данный синтаксис работает также и для контроллеров.
AngularJS: Использование контроллера директивы в другой директиве
Опция require в описании директивы дает нам возможность использовать контроллер другой директивы. Мы также можем указать массив контроллеров.
Объяснение можно посмотреть на egghead.io, код можно взять тут.
Важно: если поставить в начале значения символ ‘^’, то интерпретатор будет пытаться найти контроллер директивы в родительских элементах. Если не поставить – только на текущем елементе(как это было в примере на egghead.io).
ngDirective – директива для загрузки директив
Суть:
директива типа “атрибут”, значением идет имя поддирективы, которую необходимо динамически подгрузить. Может быть удобно в случае, когда в зависиомти от условия мы должны выводить различные компоненты.
Dash – RTFM под рукой
Dash – приложение для mac, которое предоставляет быстрый доступ к структурированной документации с возможностью фильтрации. Особенно удобно в сочетании с плагинами, например под JetBrains IDE(webStorm, phpStorm, …): при выделении текста и нажатии горячих клавиш(Mac-Shift-D) попадаем на раздел документации соответствующий выбранному тексту.
Для пользователей Windows/Linus существует онлайн альтернатива.
Gifmaker
Gifmaker.me – простой и удобный сервис для создания анимированных гифок, без рекламы.
Octane – Browser (javascript engine) benchmark
test your browser javascript engine with Octane 2.0 from Google.
AngularJS: подружить $httpBackend моки с шаблонами
Если необходимо использовать одновременно mock-сервис $httpBackend(из ngMock или ngMockE2E) и загрузку шаблонов из файлов(которая идет через незамоканы $httpBackend сервис), получаем конфликт с выдачей следующей ошибки:
Error: Unexpected request: GET views/main.html
Которая говорит о том, что наш мок не знает ничего о шаблонах.
Возможны 2 варианта решения:
- отказаться вообще от загрузки html файлов (гуглить в тему кеширования шаблонов и html2js) – это позволит не использовать $httpBackend сервис вообще
- сделать заглушку на заглушку: дать инструкции мок сервису пропускать запросы на шаблоны. Делается это так: $httpBackend.whenGET(/^tepmlates\//).passThrough();