AngularJS: реагируем на изменение состояния объекта

Допустим У нас есть часть шаблона, которая может быть либо отображена, либо скрыта. Нам нужно правильно реагировать на это и рассылать оповещения в скоуп (надо так).

Тогда мы просто берем и начинаем следить за состоянием нужного элемента.

angular.module('app')directive('watchState', function($rootScope) {
    return {
        restrict: 'A',
        controller: function($scope, $element) {
            // show. that state was changed by outer source.
            // prevent action when no changes in $digest cycle
            var toggled = false
            
            $scope.$watch(function() {
                if ($element.hasClass('ng-hide')) {
                    if (!toggled) {
                        toggled = true
                        $rootScope.$broadcast('log', 'text is hidden')
                    }
                } else {
                    if (toggled) {
                        toggled = false
                        $rootScope.$broadcast('log', 'text is visible')
                    }
                }
            })
        }
    }
})

Теперь мы можем следить за состоянием отображения любого элемента.

<p ng-hide="hidden" watch-state>some text</p>

Пример на jsFiddle

PHP: метрика времени выполнения функции

Как нам узнать, сколько времени работает функция? Pinba, xhprof, xdebug?
Да, но их нужно ставить на сервер и последние два модуля вносят немалый оверхед. Поэтому использовать их в продакшне нежелательно.
Пинба классная, но нам нужно «вчера» и пока админ раскатывает модуль php нужно как-то извернуться.

Вспомним, что в php все неиспользуемые переменные будут удалены при выходе из функции. Ага!

class Timer {
  private $time = 0;
  function __construct() {
    $this->time = microtime(true);
  }

  function __destruct() {
    $executionTime = microtime(true) - $this->time;
    // делаем все, что нам надо: логгируем или еще чего
  }
}

Интегрируем в проект.

function foo() {
  $timer = new Timer();
  // что-то делаем
  sleep(5);
  // на выходе будет вызван Time::__destructor(). 
  // Так как все объекты уничтожаются
}

foo();

AngularJS: Динамический диапазон для select

С сервера приходит максимальное и минимальное значение в выпадающем списке. Нам нужно построить по этим значениям сам список.

Делаем фильтр

angular.module('app').filter('range', function() {
    return function(input, min, max) {
        min = parseInt(min, 10);
        max = parseInt(max, 10);
        for (var i = min; i < max; i++)
            input.push(i);
        return input;
    };
});

И делаем динамический селект.

<select ng-model="value" ng-options="item for item in [] | range:min:max"></select>

JSFiddle

Центрировать абсолютный div

Горизонтально:

margin-left:-<half width>px;
left:50%;

Вертикально и горизонтально (только если задана ширина и высота)

.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

Числа с произвольным законом распределения

Иногда бывает ну очень нужно сгенерировать какое-то число с вероятностью его появления, к примеру, 0.1. Или любым другим законом распределения.

Читать далее

Python: Backreferences в re

Вот все время забываю, что обратные ссылки в регулярных выражениях надо либо писать экранируя слеш.

>>> import re
>>> re.sub('(\d)\\1*', '\\1', '111112222233333')
'123'

Либо писать в raw-строках

>>> import re
>>> re.sub(r'(\d)\1*', r'\1', '111112222233333')
'123'