Category Archives: Programming

Самый хороший способ подгрузки яваскриптов – тегом script

Использовали мы на проекте одну лебедевскую библиотеку — include.js. Умеет она интересные вещи, вроде последовательной загрузки зависимых библиотек в нужном порядке. Нужно в яваскрипте написать js.include( ‘my/coolwiidget’ );. Работает она, если на пальцах, следующим образом: делается ajax-запрос, которым грузится текст нужного скрипта, потом ищутся в тексте все js.include, делается их подгрузка, после чего делается eval …

Фреймворки для создания MVC-подобной архитектуры на javascript

Выбирал между backbone (habrahabr.ru/blogs/javascript/118782/) и knockout (http://habrahabr.ru/blogs/javascript/121926/). Для выбора полезно почитать stackoverflow.com/questions/5112899/knockout-js-vs-backbone-js-vs. В итоге выбрал knockout — менее монструозный и лично мне показался понятнее, к тому же не навязывает REST и не требует дополнительных библиотек. Он реализует паттерн MVVM, который, думаю, больше подходит для клиентской части web-приложения, чем MVC. На сайте есть подробные доки и …

Kyoto Tycoon: интересное noSQL хранилище/кэш

Kyoto Tycoon в общем-то аналог MemcacheDB, но некоторые утверждают, что Kyoto Tycoon лучше. Думаем использовать. Там всё просто (через API Memcached):

	$kyoto = new Memcached();// для persistent: $kyoto = new Memcached( 'heyhey' );
	$kyoto->addServer( '127.0.0.1', '22122' );// kyoto
//	$kyoto->addServer( '127.0.0.1', '11211' );// memcached

	$kyoto->set( 'my_key', array( 'key1' => array( 1 ), 'key2' => null ) );
	$kyoto->get( 'my_key' );

$kyoto = new Memcached();// для persistent: $kyoto = new Memcached( 'heyhey' );

$kyoto->addServer( '127.0.0.1', '22122' );// kyoto

// $kyoto->addServer( '127.0.0.1', '11211' );// memcached

$kyoto->set( 'my_key', array( 'key1' => array( 1 ), 'key2' => null ) );

$kyoto->get( 'my_key' );

Здесь про более старую версию (связка Tokyo cabinet и tokyo tyrant). http://sameerparwani.com/posts/tokyo-tyrant-with-php, http://sameerparwani.com/posts/installing-tokyo-cabinet-and-tokyo-tyrant

Lazy load баннеров

Сегодня из-за очередных проблем с sol.adbureau.net было решено реализовать ленивую загрузку баннеров. Начальное решение было использовать iframe, но идея была не очень удачной, т. к. могут быть проблемы с подсчётом кликов, да и модные картинки, увеличивающиеся при наведении, будут вести себя странно. А как этот iframe смотрится в разных браузерах — это вообще сказка) В …

Проблемы рендеринга страниц в Firefox

Имеем флеш-плеер. На некоторых страницах при нажатии на кнопку «плэй» в плеере происходит перезагрузка flash-плеера. После долгих и мучительных разбирательств выяснилось следующее: Flash-player при смене статуса (play/pause) меняет фавикон на сайте следующим кодом:

	$("link[rel='shortcut icon']").remove();
	$("head").append("<link rel='shortcut icon' href='" + link + "' />");

1 2	$("link[rel='shortcut icon']").remove(); $("head").append("<link rel='shortcut icon' href='" + link + "' />");

Меняет на всех страницах, а перезагрузка плеера происходит только на некоторых, и только в фф. На этих страницах перед плеером стоял …

Проблема при работе с расширением memcached в php

Работал раньше сайт с memcache. Решили перейти на memcached. И повалились ошибки SERVER HAS FAILED AND IS DISABLED UNTIL TIMED RETRY, причём сначала одна CLIENT ERROR, а уже потом куча SERVER HAS FAILED AND IS DISABLED UNTIL TIMED RETRY. Гугление ничего не дало, а проблема оказалась в следующем: первая ошибка возникала из-за некорректного ключа (пробел …

Как бороться с повторным добавлением обработчика события в jQuery

Нужно было навешивать и снимать обработчик клика динамически, при этом не затронув чужие обработчики, а их на элементе несколько, каждый ставится своим виджетом. Мой jQuery-ui-виджет навешивает клик только если его ещё нет. Для этого сделан отдельный метод:

_bindClick: function()
{
	var me = this;
	var $me = $( me.element );

// боремся с повторным навешиванием обработчика
	var events = $.data( $me.get(0), 'events' );
	var filteredEvents = [];
	if ( 'click' in events )
	{
		filteredEvents = $.grep( events.click, function( Event ) { 
			return Event.type == 'click' && Event.namespace == me.widgetName; 
		} );
	}
	if ( filteredEvents.length ) {
		return;
	}

	$me.bind( 'click.' + me.widgetName, function( Event ) {
	// логика клика, к примеру:
		if ( ! me.options.allowDoubleClick ) {
			$me.unbind( 'click.' + me.widgetName );
		}
	} );
},
//===========================================================================}}}

_bindClick: function()

{

var me = this;

var $me = $( me.element );

// боремся с повторным навешиванием обработчика

var events = $.data( $me.get(0), 'events' );

var filteredEvents = [];

if ( 'click' in events )

{

filteredEvents = $.grep( events.click, function( Event ) {

return Event.type == 'click' && Event.namespace == me.widgetName;

} );

}

if ( filteredEvents.length ) {

return;

}

$me.bind( 'click.' + me.widgetName, function( Event ) {

// логика клика, к примеру:

if ( ! me.options.allowDoubleClick ) {

$me.unbind( 'click.' + me.widgetName );

}

} );

//===========================================================================}}}

Работа с событиями в jQuery 1.7

В jQuery 1.7 добавили .on() и .off() для единообразия работы с событиями. bind, live и delegate могли вести себя непредсказуемо при использовании вместе. Например, $(document).unbind(‘click’) убирал все live(‘click’)-события со всего документа. Новое API событий .on() and .off() призвано как-то унифицировать систему создания обработчиков событий: Старое API Новое API $(elems).bind(events, fn) $(elems).on(events, fn) $(elems).bind(events, { mydata: 42 }, …

	$limit = 512;
	$thresholdDelta = 10;
	ini_set('memory_limit', $limit . 'm');
	...
	$memoryThresholdReached = false;
	$memoryThreshold = ( $limit - $thresholdDelta ) * 1024 * 1024;
	...
	while ( $user = $db->plain_fetch( $result ) )
	{
		...
	// тут работа с данными
		...
	// проверка на превышение опасного порога использования памяти
		if ( ! $memoryThresholdReached && memory_get_usage( true ) > $memoryThreshold )
		{
			$memoryThresholdReached = true;
			try {
				throw new SystemException( 'Превышен порог использования памяти...' );
			}
			catch ( Exception $e ) {}
		}
	}

$limit = 512;

$thresholdDelta = 10;

ini_set('memory_limit', $limit . 'm');

...

$memoryThresholdReached = false;

$memoryThreshold = ( $limit - $thresholdDelta ) * 1024 * 1024;

...

while ( $user = $db->plain_fetch( $result ) )

{

...

// тут работа с данными

...

// проверка на превышение опасного порога использования памяти

if ( ! $memoryThresholdReached && memory_get_usage( true ) > $memoryThreshold )

{

$memoryThresholdReached = true;

try {

throw new SystemException( 'Превышен порог использования памяти...' );

}

catch ( Exception $e ) {}

}

Более серьёзные способы — просмотр стека (strace -f -p $pid) и дебаг php C-шным дебаггером DBG.

Что такое IIFE

IIFE (Immediately-Invoked Function Expression, «iffy») — немедленно выполняемый функтор. Если не ругаться, то это функция, которая выполняется сразу после объявления. Примеры:

(function(){ /* code */ }());

1	(function(){ /* code */ }());

(function(){ /* code */ })();

1	(function(){ /* code */ })();

!function(){ /* code */ }(); // facebook style

1	!function(){ /* code */ }(); // facebook style

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