Вывод javascript-ошибок в старых android 2.x
Надо в браузере по умолчанию набрать в адресной строке about:debug. После этого сверху появится маленькая полоска, при нажатии на которую откроется консоль. Не густо, но хоть что-то узнать можно. http://android.stackexchange.com/questions/5999/android-browsers-aboutdebug-what-do-those-settings-do
Git: выделить директорию в отдельный репозиторий
Вот эта команда
|
1 |
git filter-branch --subdirectory-filter MyLibraryName -- --all |
Ссылки: http://git-scm.com/docs/git-filter-branch https://confluence.atlassian.com/display/BITBUCKET/Split+a+Repository+in+Two#SplitaRepositoryinTwo-UsingGittosplit-outadirectory
e2e-тестирование AngularJS
Нужно поставить karma (я использовал версию 0.9.1). Вот описание установки и официальная документация по использованию — http://karma-runner.github.io/0.8/index.html (видео достаточно сильно устарело, годится только для того, чтобы понять в общих чертах).
Понятно про Flexbox
Доклад pepelsbey про то, что такое flexbox, поддержку браузерами и нюансы работы с ним. Flexbox, теперь понятно from Вадим Макеев on Vimeo. http://vimeo.com/67011034 Слайды — http://pepelsbey.net/pres/flexbox-gotcha/
unit-тестирование AngularJS
http://www.yearofmoo.com/2013/01/full-spectrum-testing-with-angularjs-and-testacular.html — эту статью я уже упоминал; теория тестирования AngularJS. http://docs.angularjs.org/guide/dev_guide.unit-testing — небольшая и не слишком полезная официальная документация. http://karma-runner.github.io/0.8/index.html — инструмент для запуски автоматических тестов (как правильно подгружать внешние шаблоны). Примеры: https://github.com/vojtajina/ng-directive-testing https://github.com/angular/angular-seed https://github.com/IgorMinar/foodme/tree/master/test
Отложенная загрузка шаблона в AngularJS
Допустим есть некий шаблон, который нужно показать, только когда пользователь заблокирован. Вот код.
|
1 2 3 |
<section ng-show="showUserBlocked"> <div ng-include="'views/partials/user_blocked.html'"></div> </section> |
Но тогда получится, что блок покажется пользователю только когда будет выставлена переменная showUserBlocked, а внешний шаблон будет подгружаться в любом случае сразу при загрузке страницы. Что неправильно, особенно на мобильных устройствах. Решение этой проблемы — простое:
|
1 2 3 |
<section ng-show="showUserBlocked"> <div ng-include="showUserBlocked && 'views/partials/user_blocked.html'"></div> </section> |
Т.е. пока переменная showUserBlocked …
Тестирование Rest API в Google Chrome
Плагинчик для работы с Rest API: https://chrome.google.com/webstore/detail/postman-rest-client/fdmmgilgnpjigdojojpjoooidkmcomcm?hl=en Видео: https://www.youtube.com/watch?feature=player_embedded&v=VPLlkhhRMvQ
Javascript: right/bottom offset у элемента
Быстрый способ узнать смещения элемента: https://developer.mozilla.org/en-US/docs/DOM/element.getBoundingClientRect (http://codepen.io/sgospodarets/pen/ybtqk). Можно использовать и для вычисления длины/высоты, если посчитать scrollTop clientTop.
HTML5-видео для чайников
http://www.catswhocode.com/blog/cross-browser-compatible-html5-videos
Тестирование AngularJS-приложения при помощи Testacular (karma)
Ниже опишу проблемы, которые возникли при настройке среды тестирования, и их решения.