Публикации по теме 'angular2'


Пример использования: как использовать директиву Angular по структуре, чтобы оставаться сухим
В нашем приложении мы много работаем с сетками. У нас есть уникальный дизайн для ситуаций, когда определенные ячейки считаются «пустыми». Наивный подход состоит в том, чтобы повторять себя в каждом случае использования и делать что-то вроде этого: Но мы лучше этого. Мы можем создать структурную директиву, которая инкапсулирует этот повторяющийся код: Сначала мы создаем компонент для нашего пустого представления состояния. Затем мы создаем структурную директиву, которая..
Начало работы с Angular 2 Сквозное тестирование
Было много причин, по которым я воздерживался от добавления автоматического тестирования в свои приложения в прошлом. Одним из них было незнание соотношения выгод и затрат. Другая мысль заключается в том, что их будет сложно интегрировать в существующие производственные приложения. Как нам протестировать наши приложения, не переписывая их с нуля только для того, чтобы ввести в них тестирование? Давайте начнем с краткого определения типов тестов. Существует много типов тестов..
Ссылки по теме Angular2
Для доклада «TypeScript это не больно» Ссылки по теме Https://medium.com/@ttemplier/angular2-decorators-and-class-inheritance-905921dbd1b7 Http://blog.othingtram.io/angular/2015/05/03/the-difference-between-annotations-and-decorators.html Http://blog.wolksoftware.com/decorators-metadata-reflection-in-typescript-from-novice-to-expert-part-4 Https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Reflect..
Angular, Redux и D3 с использованием принципов проектирования SOLID
Эта статья относится к Angular 2.X или новее и D3 4.X или новее. Фрагменты кода в статье выделены отрывками. Полный рабочий код можно найти здесь: https://github.com/ygaller/d3-ng2-circle-packing . Щелкните здесь, чтобы просмотреть живую демонстрацию кода. Angular - отличный фреймворк для создания веб-приложений, а D3 - наша любимая библиотека визуализации данных. На Github есть несколько отличных проектов, демонстрирующих, как их совместить. Прежде всего, мы..
Angular: создание вкладок с шаблоном выхода.
Это продолжение статьи « Angular: почему вам следует подумать об использовании вывода шаблона вместо проекции контента », где показано, как реализовать вкладки в Angular, используя NgTemplateOutlet для избегайте потенциальных проблем с производительностью при использовании ng-content , описанных в вышеупомянутом тексте. Эта статья написана для Angular 2.x Обновление: Angular 4 не поддерживает <template> в пользу <ng-template> и представляет новый..
Оптимизировать размер сборки Angular | анализатор пакетов webpack
Пакет javascript большого размера никогда не будет удобен для пользователя. Основной проблемой является время загрузки, поскольку оно увеличивает время ожидания готовности приложения. Дело в том, что добавлять сторонние модули и инструменты в наши проекты проще, чем когда-либо, но это может привести к огромному снижению производительности. Когда проект большой, становится еще труднее проанализировать пакет (который также имеет много сторонних библиотек) и оптимизировать его. Эта..
DevConnections 2014 — краткий обзор интерфейсного модульного тестирования с использованием Jasmine Slide Deck и демонстрации
Несколько часов назад я имел удовольствие провести сессию о модульном тестировании JavaScript с использованием фреймворка Jasmine на конференции DevConnections 2014. Вы можете просмотреть сессию презентация и загрузить демо . Хочу поблагодарить всех участников, пришедших послушать меня! Добавить комментарий facebook linkedin twitter электронная почта Первоначально опубликовано на сайте blogs.microsoft.co.il 19 сентября 2014 г.