Category Archives: javascript

Spy-js — плагин к PhpStorm для профилирования js

http://spy-js.com/ http://www.youtube.com/watch?v=vPIbwxzC5cU

Chrome Fullscreen API

Всё сводится к вызову:

function launchIntoFullscreen(element) {
  if(element.requestFullscreen) {
    element.requestFullscreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullscreen) {
    element.webkitRequestFullscreen();
  } else if(element.msRequestFullscreen) {
    element.msRequestFullscreen();
  }
}

function launchIntoFullscreen(element) {

if(element.requestFullscreen) {

element.requestFullscreen();

} else if(element.mozRequestFullScreen) {

element.mozRequestFullScreen();

} else if(element.webkitRequestFullscreen) {

element.webkitRequestFullscreen();

} else if(element.msRequestFullscreen) {

element.msRequestFullscreen();

}

Но при этом есть нюанс использования: включить полноэкранный режим можно только в ответ на действие пользователя. http://davidwalsh.name/fullscreen http://stackoverflow.com/questions/7836204/chrome-fullscreen-api

Маршрутизация в AngularJS 1.4

Сделали бэк-порт из второй версии: http://blog.thoughtram.io/angularjs/2015/02/19/futuristic-routing-in-angular.html. Интересно, надо будет попробовать.

AngularJS Styleguide

Тонна полезностей (best practices) по архитектуре AngularJS-приложения: https://github.com/johnpapa/angularjs-styleguide

Как решать проблемы с e2e-тестами Protractor под PhantomJS

Возникла проблема. Раньше e2e-тесты нормально отрабатывали в PhantomJS. И в какой-то момент один из тестов перестал проходить в PhantomJS в 100% случаев. При этом при запуске на той же машине, к примеру, в Chrome, отрабатывают корректно. Даже если давать фантому ссылку на уже работающий сервер, который работает без ошибок, то один тест валится — и …

Кастомизация скролла — мегаплагин

Скинули ссылку на доклад о плагине для эмуляции скролла. Обещают не хуже нативного. http://techno.2gis.ru/lectures/5

Мониторинг загрузки страницы с Navigation Timing API

Содержит следующие события: navigationStart unloadEventStart unloadEventEnd redirectStart redirectEnd fetchStart domainLookupStart domainLookupEnd connectStart connectEnd secureConnectionStart requestStart responseStart responseEnd domLoading domInteractive domContentLoadedEventStart domContentLoadedEventEnd domComplete loadEventStart loadEventEnd Поддерживается ie9+ и нормальными браузерами. Подробнее — https://developer.mozilla.org/en-US/docs/Web/API/PerformanceTiming и https://developer.mozilla.org/en-US/docs/Navigation_timing. Пример использования от Яндекса — Как мы измеряем скорость загрузки Яндекс.Почты

Моя версия Quadtree на javascript

Мне нужно было загружать кучу точек на плоскость и потом быстро узнавать, на какой из этих точек кликнули мышкой. Точек может быть действительно много — до десяти тысяч — поэтому делать для каждой точки свой DOM-элемент слишком накладно. Поэтому нужно было эффективно отслеживать клики мышкой на плоскости и вычислять на лету подходящую точку. Долго возился …

Внедрение e2e- и unit-тестов в сборку AngularJS-приложения: Protractor, Karma и gulp

Допустим, у нас уже есть сборка проекта на gulp. И нужно добавить в процедуру сборки релиза e2e-тесты на protractor.

Поиск утечек памяти через Google Chrome

На примере Яндекс-почты: http://habrahabr.ru/company/yandex/blog/195198/ Самое интересное: