Category Archives: javascript
Ошибки при разработке AngularJS-приложения
Старайся содержать контроллеры максимально простыми. Весь повторяющийся код выноси в сервисы. Разделяй объявление методов контроллера и тела функций $scope.click = click; $scope.$watch(‘item’, watchItem); function click(e, item) { … } function watchItem(item) { … } Не полагайся на наследование $scope-ов контроллеров. Этот ад ты потом не сможешь поддерживать. Достаточно будет при редизайне перенести блоки или выделить …
Почему React хуже AngularJS
Моё мнение во многом совпадает с мнением автора статьи http://habrahabr.ru/post/249107/.
Логирование времени загрузки страниц в piwik
В продолжение темы логирования ошибок в пивик. Неплохо было бы логировать в ту же систему и время загрузки страницы у реальных пользователей. Для этого в упомянутый в предыдущей статье логгер нужно добавить следующее: function logTimings() { setTimeout(function () { if (! window.performance || ! window.performance.timing) { return; } var timing = window.performance.timing; var perf = …
Реализация определения размера устройства в 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` будут происходить одновременно с изменением …
AngularJS-приложение на TypeScript
Большую часть видео рассказывают о том, что вообще такое TypeScript, а примеры с AngularJS начинаются на 16-17 минуте. https://youtu.be/U7NYTKgkZgo В конце видео есть ссылки на код на гитхабе. Вот они: https://github.com/DanWahlin/AngularIn20TypeScript https://github.com/DanWahlin/AngularIn20JavaScript https://github.com/DanWahlin/AngularTypeScript
Benchpress: автоматическое тестирование производительности AngularJS-компонент
Использование для своего приложения https://youtu.be/e6J_JZaIOAQ Что это такое и как используется для разработки AngularJS core https://youtu.be/x1PJn5qMUT4
Логирование js-ошибок в piwik (аналог google analytics)
Piwik — аналог google analytics, который ставится на свой домен. Копирует апи google analytics, так что всё описанное можно с небольшими изменениями применить и при использовании google analytics.
Кратко про создание мобильных приложений из single page application
http://bunsch.pl/2014/09/21/buiding-offline-mobile-html5-apps/
AngularJS: как следить за изменением значения произвольных функций
Иногда бывает нужно следить за значением, возвращаемым из функции, не привязанной к `$scope` (т.е. не являющейся его методом). Допустим, есть некая сложная функция: function getParams() { if (! map) { return false; } var center = map.getCenter(), size = map.getSize(), markersList = exportMarkers(); return { zoom: map.getZoom(), lat: roundCoord(center.lat), lng: roundCoord(center.lng), minZoom: 3, maxZoom: 18, …
Работа с консолью в разных браузерах
http://habrahabr.ru/post/253359/ https://github.com/spmbt/jsConsoleApiReference