RMCreative.ru - Блог Голосов: 1 Адрес блога: http://rmcreative.ru/feed/ Добавлен: 2008-06-12 21:34:00 блограйдером ZaiSL

Yii 2.0.3

Точно в срок вышел релиз PHP фреймворка Yii версии 2.0.3. В данную версию вошли около 50 улучшений и исправлений.

Подробнее можно почитать в анонсе на хабре.

Как поставить расширение на Yii 2.0 без Composer

Не первый раз спрашивают, как поставить расширение Yii 2.0 без Composer. Отвечаю.

Ставить будем yii2-imperavi-widget.

• Идём в https://github.com/vova07/yii2-imperavi-widget/releases, забираем архив.
• Смотрим его composer.json.
• Там у нас есть секция autoload, в ней упоминание PSR-4 и vova07/imperavi.
• Распаковываем файлы в vendor/vova07/impravi.
• В vendor/composer/autoload_psr4.php добавляем:

'vova07\\imperavi\\' => array($vendorDir . '/vova07/imperavi'),

• В vendor/yiisoft/extensions.php добавляем:

'vova07/imperavi' => array (
    'name' => 'vova07/imperavi',
    'version' => '2',
    'alias' => array (
        '@vova07/imperavi' => $vendorDir . '/vova07/imperavi',
    ),
),

Всё это делает за вас Composer. Лучше изучите его и не теряйте время.

Буду на Dump 2015 в Екатеринбурге

20 марта 2015 буду в Екатеринбурге на конференции Dump. Расскажу в секции «serverside light» про HHVM: зачем он Facebook, как он развивался, как устроен, можно ли использовать и насколько безболезненно. Также упомяну про HACK, phpng и другие занятные штуки.

Вообще программа интересная, должно быть круто.

Записывайтесь

Плавная анимация в браузере

Добиться плавной анимации при наличии тучи DOM-элементов, да ещё и когда в анимируемом контейнере грузятся картинки и какой-нибудь Google Maps, оказалось не просто. Путь был довольно долг и тернист. Приведу только рецепт:

1. Не используйте jQuery.animate(). Он тормоз.
2. Вместо него используйте Velocity.js.
3. Если возможно, анимируйте только transform: translate, transform: scale, transform: rotate, opacity.
4. Включайте аппаратное ускорение для анимируемого слоя. Делайте это сразу в CSS, приправьте чёрной магией.

Если и после этого не помогло:

1. Попробуйте уменьшить количество DOM-элементов в анимируемом контейнере.
2. Не стартуйте несколько анимаций единовременно.
3. Если контент в контейнер подгружается динамически, рисуйте во время анимации эмуляцию контента, как это делает, например, Facebook. Заменяйте на реальный контент как только анимация закончена.

popstate, webkit и старый Chrome

Вроде бы рекомендацию HTML5 приняли, поддержка JavaScript везде неплохая. Думал, проблем поработать с историей браузера не будет.

Не тут-то было! Оказывается, Safari и старые Chrome вызывают лишнее событие popstate при начальной загрузке страницы. Chrome это в современных своих версиях поправил, а вот в актуальном Safari проблема есть.

Изучение кода pjax и гугление дало много разных решений. Вот правильное (код для jQuery, но без него будет примерно оно же):

$(window).load(function() {
    setTimeout(function() {
        $(window).on('popstate', function (e) {
                // работаем
        });
    }, 0);
});

Идея в том, чтобы зарегистрировать наш обработчик после того, как начальное событие popstate всплывёт. Всплывает оно по load, поэтому вешаем обработчик на него. setTimeout с задержкой 0 нужен для того, чтобы обработчик был последним.