Публикации по теме 'angularjs'
Angular JS: онлайн-калькулятор, часть 2
В моем предыдущем сообщении в блоге вы узнали, как создать страницу входа, как другие директивы, такие как ng-view, ng-click и ng- контроллер использовались и как функции использовались в javascript, который использовал $ routeProvider , $ scope , $ rootScope , $ location и ngRoute для проверки ввода и отображения содержимого . Теперь я покажу вам, как создать веб-приложение калькулятора, но прежде чем мы продолжим, позвольте мне кратко рассказать вам о готовом продукте..
Стандарты кодирования Javascript и почему?
Иногда ваш код представляет ваши навыки больше, чем слова или резюме, и он похож на ваш кофе, чтобы сделать ваш день особенным. Стандарты кодирования определяют стиль программирования. Стандарт кодирования обычно не касается неправильного или правильного в более абстрактном смысле. Это просто набор правил и указаний по форматированию исходного кода. Сейчас мы используем javascript для всего нашего стека (внешняя часть и внутренняя часть).
Я видел различные руководства по JavaScript, и..
Создание нового проекта AngularJS
Это краткое руководство поможет вам настроить новую структуру проекта с помощью generator-gulp-angular - генератора Yeoman для AngularJS С помощью Gulp - это сгенерирует структуру и некоторый демонстрационный код, из которого вы сможете построить свой проект.
Yeoman generator for AngularJS + Gulp.
Lets you quickly set up a project with:
• your favorite technologies
• web best practices
• guidelines powered by Google
Gulp provide fast workspace with quick feedback...
AngularJS + Webpack = lazyLoad
AngularJS + Webpack = lazyLoad
Вступление
Одной из распространенных проблем, с которыми сталкивается большинство разработчиков при написании одностраничного приложения, является создание и загрузка модулей lazyLoad в ответ на определенное действие, выполняемое пользователем, или нажатие на URL-адрес (в большинстве случаев), который загружает набор зависимостей, таких как JavaScript, CSS, HTML и т. Д. В реалиях современной Front-End разработки это был бы огромный файл JavaScript. Что..
Обнаружение и реагирование на неудачную загрузку изображений и видео в Angular
Создавая приложение, позволяющее людям обмениваться изображениями и видео, я обнаружил повторяющуюся проблему.
Иногда изображения/видео, которое приложение пыталось загрузить, не было, и оно показывало это пользователю:
Итак, как и любой разработчик, обнаруживший ошибку, на которой не собирались акцентировать внимание, я залез в кроличью нору, чтобы посмотреть, как решить эту проблему!
Реакция на неработающие ссылки на изображения
Внутри элемента img у нас есть событие..
HTTP-запрос к базе данных Rails и Angular Views
Это путь, который я выбрал, чтобы заполнить базу данных Rails данными, проанализированными из внешнего запроса $http, и представить их через Angular на внешнем интерфейсе…
Я использую данные с data.colorado.gov для заполнения базы данных альтернативных заправочных станций Колорадо ( https://dev.socrata.com/foundry/data.colorado.gov/c7ve-fkni )
// РЕЛЬСЫ
Сначала создайте задачу rake для получения данных:
rails g task import_stations
Затем создайте задачу rake для извлечения и анализа..
Тестирование компонентов angular - вы не знаете, что вам не хватает
Компоненты и директивы AngularJS (Angular 1.5+) великолепны. Компонент используется для инкапсуляции элемента пользовательского интерфейса, а также его взаимодействия с пользователем. Компонент является понятным, многоразовым и может быть протестирован как единое целое без использования какой-либо реализации Selenium (например, Protractor).
При поиске способов тестирования компонентов вы, вероятно, встретите два основных широко используемых подхода. Первый - протестировать контроллер без..