Сообщество: Программисты

Клановые абилки

developers : чесло зверя — Tue, 23 Jun 2009 00:54:00 GMT

Всем привет.
В Бк я играю не так давно так что если гдето буду неправ поправте..
Из разговоров с бывалыми игроками я узнал что давным давно за высокое место клана в рейтинге давались игровые бонусы, но по какимто непонятным причинам админы это отменили. Изза этого из Бк произошел большой отток людей делавших игру интересней (журналистов, прогеров, писателей и тд) т.к. стало бессмыслено тратить личное время на то чтобы сделать сайт своего клана более интересным и полезным. Сечас мы имеем такую ситуацию, что более-менее поддерживаются от силы 10 клановых сайтов, а на все остальные уже давно забили. Новых прогамных ресурсов не появляется вобще, а те которые есть уже практически не развиваются, в лучшем случае только поддерживаются

Думаю такое положение дел плохо для всех сторон:
- для творческих людей, которые по натуре азартны и хотелибы проявить свое мастерство и посостязаться со своими коллегами, кто сможет сделать свой сайт самым лучшим, но при текущем положении дел это будет борьба ради борьбы, т.к. награды нет никакой
- для игроков. Во первых по изложеным выше причинам игра не так интересна как могла бы быть. Во вторых если админы внесут какието существеные изменения в игру, то не факт что имеющиеся ресурсы (переодевалки, карты и тд) к ним адаптируют за короткие сроки, если адаптируют вобще (опятьже трудится над этим большого резона нет).
- для админов. Тут в принципе все то же самое что и для игроков только с админской колокольни, то есть 1) играет не так много народу как могло бы 2) они самим по какимто причинам немогут писать подробную помощь по нововедениям и предаставлять хотябы самые необходимые ресурсы (карты, переодевалку и тд), по этому этим занимаются кланы, но делают это на энтузиазме и поэтому вобщем коекак

К чему я все это написал.. Хотел узнать мнение прогерской обществености по этому поводу и если эта проблема небезразлична нетолько мне вместе написать обращение к админам с просьбой вернуть поощерение за место в рейтинге.. И попросить дать четкий ответ будет это сделано или нет.. Если под обращением подпишутся уважаемые людей с высоким уровнем врядли они его проигнорируют.

Получение инфы о персонаже

developers : Vikis — Wed, 27 May 2009 04:56:00 GMT

Доброй ночи.
Имеется код для выдирания инфы о персонаже из БК. Код работоспособен только на 25-30 записей в БД. Далее айпи блокируется и соответственно выдаётся ошибка:). Я приводил этот код в комментариях тремя постами ниже, мне посоветовали выставить sleep (3);
Выставил, но нифига не прошло. Обновились 34 записи а дальше как всегда :"Ваш IP временно заблокирован...

Собственно сам код

[%param.l.filters.Show%]

Хотелось бы услышать ваше мнение.

Хранение данных без cookies

developers : Alex Nomad — Tue, 12 May 2009 17:38:00 GMT

Многие сталкиваюся в своем веб-программинге с необходимостью хранить пользовательские данные в cookies. Но ограничение в 3 Кб на домен портит весь кайф от работы с ними. Да и каждый запрос гонять их между клиентом и сервером тоже напрягает.

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

Хранение данных без cookies (Евгений Минаев)

На всякий случай копирую в скролл полный текст статьи.

[color=#06088B]----[ NITRO ... ]

"Стою на шестом этаже пятиэтажного дома, да это незаконно, но здесь многим так знакомо"

Cookies впервые появились в Netscape, чтобы не хранить данные на веб сервере. Технология прижилась и даже с ростом вместимости жестких дисков до сих пор широко применяется. С появлением ajaxа и вследствие многократного увеличения запросов, приходится каждый раз при посылке запроса посылать также и cookies, что ведет к росту трафика, да и ограничение на них всего три килобайта. Первым эту проблему попытались исправить в Microsoft, внедрив поддержку userData в свой браузер пятой версии, но только после публикации предварительного описания HTML5 технология стала освещаться в различных веб изданиях. В статье расскажется об использовании данных в браузере на примерах Internet Explorer и Mozilla Firefox.

----[ WHAT THE FUCK ?! ... ]

Из преимуществ можно отметить такие факты, как : уменьшение трафика, неограниченная длина данных, да и просто гарантия что у вас будет не как у всех xD. Применений такому способу масса - сохранение черновиков в веб формах, автозаполненных данных, хранение неособо важных данных, как дата последнего посещения, поисковый запрос или, например, название темы оформления сайта. Из достоинств метода можно выделить еще и безопасность - злоумышленник будет весьма удивлен отсутствию кук на сниффере. Но это вопрос времени.

Так почему бы и не воспользоваться таким мощным и удобным средством?

----[ USER DATA ... ]

userData появился в пятой версии Microsoft Internet Explorer и использовался для запоминания расположения элементов. Все данные представлены в виде связанной xml структуры в файле с расположением в Application Data/Microsoft/Internet Explorer/UserData. Первым технологию заметили программисты из Google. Чуть позже userData стали использовать как механизм хранения данных между сессиями. Все хранимые методы и свойства становятся доступными после события window.onload.

Для начала работы с userData следует прописать определенную конструкцию в стиль документа.

ie\:userdata {behavior:url(#default#userData);}

После этого можно приступать к работе с данными, используя методы объекта.

| Свойства
|
| expires
| Устанавливает или возвращает дату устаревания информации в хранилище
|
| XMLDocument
| Возвращает ссылку на объект XMLDocument, предоставляемый объектом
|
| Методы
|
| load (
| параметр object userDat Элемент, которому назначено поведение userData
| параметр string sStoreName Имя хранилища данных
| результат nothing )
|
| Метод load осуществляет чтение информации из хранилища данных.
| Для правильного выполнения метода load, элемент должен содержать установленный атрибут ID.
|
|
|
|
|
|
|
|
|
|
|
| save (
| параметр object userDat Элемент, которому назначено поведение userData
| параметр string sStoreName Имя хранилища данных
| результат nothing )
|
| Метод save осуществляет запись информации в хранилище данных. Доступность хранилища зависит от адреса ресурса, использующего
| это хранилище. Для того, что бы ресурс мог обратится к хранилищу данных, адрес ресурса, загружающего информацию из указанного
| хранилища данных, должен совпадать с адресом ресурса, создавшего это хранилище с точностью до всех используемых папок.
|
|
|
|
|
|
|
|
|
|
|
| setAttribute (
| параметр string sAttrName Имя ключа
| параметр string vAttrValue Назначаемое ключу значение
| результат nothing )
|
| Метод setAttribute устанавливает значение нужному ключу, и в случае его отсутсвия сама добавляет ключ.
|
| getAttribute (
| параметр string sAttrName Имя ключа
| результат nothing )
|
| Метод getAttribute возвращает значение ключа или пустую строку.
|
| removeAttribute (
| параметр string sAttrName Имя ключа
| результат nothing )
|
| Метод getAttribute возвращает значение ключа или пустую строку.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|

----[ WINDOW.NAME ... ]

DOM свойство я решил затронуть не просто так. Первым этот метод хранения данных предложил использовать Thomas Frank, в силу сохранения свойства на протяжении всей сессии жизни окна / закладки и является необязательным. Для удобства хранения данных я решил использовать структуру
ключ1=значение1&ключ2=значение2...ключn=значениеn. Мой маленький набор функций позволяет заменять значения данных, добавлять новые и удалять существующие.

| function replaceKey(key, value) {
| if(window.name == '' || window.name.indexOf(key) == -1){
| alert('No data in storage saved')
| return;
| }
| delKey(key);
| addKey(key,value);
| }
|
| function addKey(key, value) {
| myStorage = window.name;
| if(myStorage.indexOf(key+'=')!= -1) {
| alert('Yet another key');
| return;
| }
| myStorage += key + '=' + encodeURIComponent(value) +'&';
| window.name = myStorage;
| }
|
| function getKey(key){
| if(window.name == '' || window.name.indexOf(key) == -1){
| alert('No data in storage saved')
| return;
| }
| myStorage = window.name;
| temp = myStorage.substring(myStorage.indexOf(key)+key.len gth,myStorage.length);
| temp = temp.substring(1,temp.indexOf('&'));
| return temp;
| }
|
| function delKey(key){
| if(window.name == '' || window.name.indexOf(key) == -1){
| alert('No data in storage saved')
| return;
| }
| value = getKey(key);
| myStorage = window.name;
| rExp = key + '=' + value + '&';
| window.name = myStorage.replace(rExp, '');
| }
|
| replaceKey (
| параметр string key Имя ключа
| параметр string value Значение
| результат nothing )
|
| Фунцкция replaceKey удаляет меняет значение ключа на новое.
|
| addKey (
| параметр string key Имя ключа
| результат nothing )
|
| Функция addKey добавляет значение к уже сущестующим.
|
| delKey (
| параметр string key Имя ключа
| результат nothing )
|
| Функция delKey удаляет ключ из массива данных.
|
| getKey (
| параметр string key Имя ключа
| результат string temp Значение )
|
| Функция getKey возвращает значение ключа.
|
|
|
| Пример к статье
|
|
|
|
| Hello world
|
|
|

----[ STORAGE ... ]

Описание модели, реализующей хранение данных на стороне клиента, появилось в html 5 (http://www.whatwg.org/specs/web-apps/current-work/#storage0).
Данный способ является на данный момент самым удобным и даже кроссбраузерным.Люди в w3c представляют структуру storage так

Цитата:
interface Storage {
readonly attribute unsigned long length;
[IndexGetter] DOMString key(in unsigned long index);
[NameGetter] DOMString getItem(in DOMString key);
[NameSetter] void setItem(in DOMString key, in DOMString data);
[XXX] void removeItem(in DOMString key);
void clear();
};

Mozilla Firefox предлагает использовать два типа хранилищей - sessionStorage и globalStorage. Первый доступен только на протяжение времени жизни страницы и как только страница закрывается получить доступ к данным уже невозможно. Получить состояние storage можно через dom свойство Dom.storage.enabled

| // Сохраняем в sessionStorage переменную username со значением antichat
| sessionStorage.username = "antichat";
| // Проверяем, сохранилась ли переменная
| alert( "username = " + sessionStorage.username );

| // Получаем дескриптор текстового поля
| var field = document.getElementById("field");
|
| // Если включен режим автосохранения, загружаем черновик
| if ( sessionStorage.autosave ) {
| field.value = sessionStorage.autosave;
| }
|
| // Проверяем каждую секунду содержимое текстового поля на изменения
| setInterval(function(){
| // Сохраняем в черновик
| sessionStorage.autosave = field.value;
| }, 1000);

GlobalStorage позволяет держать данные на протяжение длительного промежутка времени.

| // Сохранить переменную snippet в globalStorage только для сайта antichat.ru
| globalStorage['antichat.ru'].snippet = "underWHAT?!";

Счетчик посещения

| // parseInt используется для перевода переменной visits в число
| // все данные в *Storage хранятся в виде строки
| globalStorage['mozilla.org'].visits =
| parseInt( globalStorage['mozilla.org'].visits || 0 ) + 1;

Пример #1 http://aaronboodman.com/halfnote/
Пример #2 http://channy.creation.net/work/firefox/domstorage/#

Thomas Frank написал библиотеку sessvars, облегчающей работу с globalStorage ( http://www.thomasfrank.se/sessvars.js )

Единственная переменная-свойство объекта sessvars, которую вы не должны трогать, это $, потому что она содержит ряд полезных методов:

Методы

| sessvars.$.clearMem()
| Очищает sessvars
|
| sessvars.$.usedMem()
| Возвращает объем используемой памяти в килобайтах
|
| sessvars.$.usedMemPercent()
| Возвращает объем используемой памяти в процентах от общего возможного объема
|
| sessvars.$.debug()
| Выводит окно дебага вверху страницы (как в примере выше)
|
| sessvars.$.flush()
| Явно сохраняет текущее состояние sessvars, так что все данные будут сохранены когда будет совершен переход на другую страницу. Это редко бывает необходимо, так как в нормальной ситуации это делается автоматически при событии unload.

Флаги

Также есть ряд различных флагов, которыми вы можете устанавливать поведение sessvars:

| sessvars.$.prefs.memlimit
| По умолчанию - 2000
| Указывает объем данных в Кб, разрешенный для хранения в sessvars. По умолчанию 2000 Кб, так как Opera 9.25 имеет ограничение чуть выше этого числа. У остальных браузеров (IE7.0, Firefox 1.5/2.0 и Safari 3.0) ограничение намного выше - 10 Мб не представляют сложности для этих браузеров.

| sessvars.$.prefs.autoFlush
| true/false, по умолчанию true
| Определяет, будет ли метод flush() вызываться автоматически

| sessvars.$.prefs.crossDomain
| true/false, по умолчанию false
| Если флаг установлен в true, содержимое sessvars можно читать из разных доменов (если оба сайта используют sessvars.js).

| sessvars.$.prefs.includeFunctions
| true/false, по умолчанию false
| Определяет, будет ли sessvars сохранять функции.

| sessvars.$.prefs.includeProtos
| true/false, по умолчанию false
| Если true, то будут сохранены свойства, назначенные прототипам различных данных или объектов. Редко бывает необходимо.

----[ PersistJS ... ]

PersistJS - первая jаvаscript библиотека, которую можно поправу назвать кроссбраузерной ( http://pablotron.org/?cid=1557 )
В данный момент он поддерживает следующие механизмы:

| Flash 8
| Google Gears
| localstorage
| whatwg_db
| globalstorage
| UserData (Internet Explorer)
| cookie: хранение данных при помощи Cookie.

Cookies используются только в случае отсутствия остальных способов.

Сохранение данных
| // создаем новое хранилище данных
| var store = new Persist.Store('My Data Store');
|
| // данные для хранения
| var data = "Некая длинная строка ...........";
|
| // сохраняем данные
| store.set('saved_data', data);

Получение данных
| // получаем данные и показываем их пользователю
| store.get('saved_data', function(ok, val) {
| if (ok)
| alert('saved data = ' + val);
| });

Удаление данных
| store.remove('saved_data');

Пример #1 http://jstoolbox.com/demo/persistjs/test/test_flash.html

----[ OUTRO ... ]

При написании статьи были использованы материалы с сайта habrahabr.ru, jstoolbox.com, developer.mozilla.org и msdn.microsoft.com.

Надеюсь, что информация не пройдет мимо, потому что эта статья как Ктулху - всё равно рано или поздно придёт и захавает. 2008[/color]

Подождите немного и попробуйте ещё раз

developers : Alex Nomad — Fri, 08 May 2009 17:21:00 GMT

Как же мне надоела эта фраза, висящая минутами в бою
"Подождите немного и попробуйте ещё раз"

Самому разбираться почему так ведет себя скрипт боя мне сейчас лень.

Поэтому объявляю конкурс для программистов (и всех кто себя таковыми считает):

1) Тому кто разберется в причинах этой баги.
2) Тому кто напишет код, исправляющий ее.
3) Тому кто первым опубликует правильное описание причин баги и ее исправление в компьюнити Developers

От меня будет вручено 20 екр.

Дерзайте!

П.С. Сроки конкурса ограничу 1 июлем, но при необходимости можно и продлить.

Получаем инфу из БК

developers : Damnedest — Tue, 24 Mar 2009 01:59:00 GMT

Давным давно Alex Nomad [9] рассказывал о том, как правильно получать информацию о персонаже в и приводил пример обращения к страницам БК. Мне кажется, что уже давным давно пора начинать использовать ООП, котрое есть в пыхе и использовать православные методы.

Собственно преимущества кода, который я предлагаю:
1. Мы ограничиваем максимальное количество редиректов тремя. Это не даст возможность серверу БК зациклить наш скрипт.
2. Мы ограничиваем время доступа к странице 10 секундами (хотя даже 10 много, лучше 3-5), чтобы не тратить много времени на тормозящий сервер БК.
3. Получением данных занимается curl (редиректы, таймауты, правильное разархивация)
4. В результате работы, с помощью iconv, мы получаем нормальную UTF-8 строчку, с которой можем спокойно работать. Забудьте вы уже о win-1251 - это архаизм! Надо смотреть в будущее.
5. Ну и собственно мы получаем очень хорошие исключение на все ошибки, которые возникнут во время получения данных, которые можно будет отловить и как-то обработать.

Код модуля можно посмотреть под катом. Появившиеся вопросы можно оставить в комментах.

/**
.* Класс утилит для работы с БК
.*
.* @version 0.1
.* @author Eugene Reich
.*/

class CombatsUtils
{
..../**
.... * Возвращает содержимое страницы в UTF-8 кодировке
.... * Метод анализирует возвращаемые результаты и кидает соответствующие исключения
.... *
.... * @param string $url
.... * @static
.... * @access public
.... * @return string
.... */
....
....static public function getUrl($url)
....{
........$ch = curl_init();
........
........curl_setopt($ch, CURLOPT_URL, $url);
........curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
........curl_setopt($ch, CURLOPT_HEADER, 0);
........curl_setopt($ch, CURLOPT_TIMEOUT, 10);
........curl_setopt($ch, CURLOPT_MAXREDIRS, 3);
........curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);
........curl_setopt($ch, CURLOPT_FAILONERROR, true);
........curl_setopt($ch, CURLOPT_ENCODING, 'gzip');

........$result = curl_exec($ch);
........$error = curl_error($ch);
........$error_no = curl_errno($ch);
........
........if ($error_no)
........{
............if ($error_no == 47)
...............throw new CombatsUtilsExceptionMaxRedirects();

............if ($error_no == 28)
................throw new CombatsUtilsExceptionTimeout();

............if ($error_no == 7)
................throw new CombatsUtilsExceptionConnection();

............if ($error_no == 52)
................throw new CombatsUtilsExceptionEmpty();

............throw new CombatsUtilsExceptionCurl($error_no.':'.$error);
........}

........// Меняем кодировку
........return iconv('windows-1251', 'utf-8', $result);
....}
}

/**
.* Базовый класс исключений
.*
.* @uses NException
.* @version 0.1
.* @author Eugene Reich
.*/

class CombatsUtilsException extends Exception {}

/**
.* Превышено максимально допустимое количество редиректов
.*
.* @uses CombatsUtilsException
.* @version 0.1
.* @author Eugene Reich
.*/

class CombatsUtilsExceptionMaxRedirects extends CombatsUtilsException {}

/**
.* Превышен таймаут ожидания ответа от сервера
.*
.* @uses CombatsUtilsException
.* @version 0.1
.* @author Eugene Reich
.*/

class CombatsUtilsExceptionTimeout extends CombatsUtilsException {}

/**
.* Не удалось установить соединение с сервером
.*
.* @uses CombatsUtilsException
.* @version 0.1
.* @author Eugene Reich
.*/

class CombatsUtilsExceptionConnection extends CombatsUtilsException {}

/**
.* Пришел пустой ответ
.*
.* @uses CombatsUtilsException
.* @version 0.1
.* @author Eugene Reich
.*/

class CombatsUtilsExceptionEmpty extends CombatsUtilsException {}

/**
.* Непредусмотренное исключение
.*
.* @uses CombatsUtilsException
.* @version 0.1
.* @author Eugene Reich
.*/

class CombatsUtilsExceptionCurl extends CombatsUtilsException {}

Кеш спасет мир!

developers : Damnedest — Sat, 21 Mar 2009 22:08:00 GMT

В блоге очень много было рассказов о том, как написать какой-то функционал и как что-то ускорить. Конечно, все этого, очень здорово, но мне кажется сообщество не совсем понимает, что этими постами оно дает в руки бомбу замедленного действия будущим программерам клановых сайтов (как показывает практика сервер БК можно положить обычной ссылкой на полный лог великой :boks2:).

По моим наблюдения в БК очень мало сильных программистов, тех, которые имеют за плечами проекты не в 200-300 хостов в сутки, а у которых есть сайты, на которых одновременно находится несколько десятков тысяч человек. Я бы хотел в этом посте затронуть тему оптимизации сайта под высокие нагрузки.

В БК о высоких нагрузках кроме некоторых кланов никто и не задумывался, а те, кто с этим сталкивались решали ее просто - покупали более мощные сервер или переходили на новый тарифный план. Некоторые пытались запретить очень частые запросы пользователей на сайт, последовав по стопам БК, хотя в большинстве случаев необходимости не было.

Я видел некоторые клановые сайты, на которых при выводе ника автора новости, происходило обращение к информации о персонаже БК. Это п****ц и так делать нельзя. Если вы так сделали - убейтесь пожалуйста. Спасибо.

Я видел, как писали вывод состава на PHP, когда по крону раз в 5 минут запускался скрипт и вытягивал инфу о персонаже, чтобы получить его оналайн. Вы правда думаете, что у сокланов нет кнопочки в БК, в которой можно посмотреть весь состав? А может вы решили сделать доброе дело для тех, кто хочет отрабатывать по вашему клану ЧС? А может вы думаете, что нуб 8 левела, который зайдет к вам на сайт и посмотрит ваш состав будет сильно переживать из-за того, что не увидит кого-нить в онлайне? Не смешите.

Что делать? Все просто - надо думать!

1. Думаем куда делать запрос. Если персонаж при последнем обновлении состава находился в Столице, то с вероятностью около 70% он и щас будет находится там же (вероятность не придумана, это реальная цифра). Таким вот простым способом мы уменьшили нагрузку на сервер.
2. Между запросами к БК надо делать задержку. 2-5 секунд примерно, чтобы не мучать ни БК, ни свой сервер (например скрипт получения состава просто в цикле делал запросы, из-за чего раз в 5 минут на сервере наблюдалась некоторая заторможенность).
3. Кешируйте запросы. Зачем каждый раз делать запрос к базе на получение состава, если вы знаете, что скрипт обновления у вам работает раз в пол часа? Получите данные из базы и сохраните их в файле. И следующие пол часа получайте инфу из файла. Да, тут вам придется думать. Если это будет интересно, я могу рассказать как реализовать грамотное кеширование в мемкешед или в обычных файлах )
4. Кешируйте не только данные, но и html. Для вывода состава клана серверу требуется произвести достаточно большое количество обращений к шаблонам. Проще закешировать html с составом клана и отдавать его. Ускорение будет реальное.

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

P.S. Думайте, что делаете!
P.P.S. И не делайте всякий бред типа ограничения запросов с одного IP. Лучше займитесь оптимизайией.

Ускоряем jаvаscript

developers : СэрАртём — Sat, 15 Nov 2008 05:16:00 GMT

Нередко перед web-разработчиками встаёт проблема низкой производительности клиентского кода, обычно реализуемого на jаvаscript. В этот момент можно услышать кучу нелестных отзывов как в адрес тех, кто поставил такую задачу, так и и в адрес тех, кто реализовал ту или иную версию jаvаscript, и даже в адрес самого языка. Однако, тут поговорка "нечего на зеркало пенять, если рожа кривая" подходит, как нельзя кстати. Посмотрим на наглядном примере. [cut "Далее"]Задача: динамически сгенерировать на клиенте HTML-документ с кнопками, впоследствии которым будут назначены обработчики событий. Приблизительно поставленную задачу можно решить так:

Казалось бы - что проще? Ан, нет: корявость IE (даже 8й версии) приводит к тому, что двойной вызов document.getElementById('item'+i) оказывается самой длительной операцией, отнимающей более 90% всего времени. В Opera и Mozilla эта операция реализована аккуратнее и потери не так заметны. Попробуем ускорить код, введя кэш элементов:

function run() {
for(var i=0; i var button = document.createElement('button');
button.id = 'item'+i;
cache['item'+i] = document.body.insertBefore(button, null);
}

for(var i=0; i cache['item'+i].onclick = clicked;
}

for(var i=0; i cache['item'+i].click();
}
}

Вот мы и избавились от ненужных вызовов функции getElementById. Но что делать, если содержимое документа генерируется на стороне клиента не полностью, а частично? Путей решения два: обойти дерево элементов документа или динамически заполнять кэш. Вот как это реализуется:

var cache;
/* Использование кэша, заполняющегося полным обходом дерева элементов HTML-документа */
var getElement = function (id) {
cache = {};
function cacheItems(element) {
if (!('childNodes' in element))
return;
for(var i=0; i if (element.childNodes[ i ].id)
cache[element.childNodes[ i ].id] = element.childNodes[ i ];
cacheItems(element.childNodes[ i ]);
}
}
cacheItems(document.body);
getElement = function(id) {
return cache[id];
}
return getElement(id);
}

function run() {
// ...
for(var i=0; i getElement('item'+i).onclick = clicked;
}
// ...
}

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

var cache;
/* Использование кэша, заполняющегося по запросу */
getElement = function(id) {
cache = {};
getElement = function(id) {
return cache[id] || (cache[id]=document.getElementById(id));
}
return getElement(id);
}

Здесь при первом вызове переменной-функции сбрасывается кэш, а при последующих вызовах возвращается содержимое кэша (если оно там есть), либо производится заполнение кэша путём вызова getElementById и возврат полученного значения.

Отдельного рассмотрения требует обработчик события clicked(e). Из-за разной реализации генерируемых событий пришлось писать достаточно некрасивый и непроизводительный код. Можно ли сделать его проще? Можно! Вот так:

/* Не привязанный к какому-либо браузеру динамически генерируемый обработчик */
function generateClicked(element) {
return function() {
log.push(element.id);
}
}

function run() {
// ...
for(var i=0; i getElement('item'+i).onclick = generateClicked(getElement('item'+i));
}
// ...
}

Что происходит в этом примере? Для каждого элемента вызывается функция, которая порождает объект-функцию с уже инициализированной переменной element. В результате при нажатии на кнопку будет вызвана её личная функция, в которой element указывает именно на эту кнопку. Нет необходимости использовать объект "событие" (разумеется, если в обработчике не нужны специфические свойства события, как то: координаты мыши во время клика, состояние клавиши Ctrl и прочее...), нет необходимости адаптировать код для нескольких браузеров, обработка события выполняется быстрее.

Ниже приведён полный код файла для игр с "ускорением".

[%param.l.filters.Show%]

Можно менять значение переменной getElement на одну из функций getElement1, getElement2, getElement3 или getElement4. В Mozilla и в Opera getElement2 будет вызывать ошибку, потому что доступ методом document.all - нестандартный и реализован только в IE.
Также можно комментировать одну из строк выбора способа доступа к объекту, сгенерировавшему событие.

Надеюсь, мои подсказки помогут специалистам в будущем избежать головной боли ;)[/cut]

Update: 17-11-08 17:15
Как выяснилось, разные версии IE по-разному обрабатывают способы обращения к элемементам документа. Я немного изменил последний пример для того, чтобы заполняющийся полным обходом дерева элементов кэш работал с одинаковой производительностью на IE6-IE8

Update: 17-02-09 15:45
К слову о производительности: Производительность простых и сложных конструкций в jаvаscript от RealCoding.NET

Призраки Бойцовского Клуба

developers : СэрАртём — Fri, 31 Oct 2008 16:40:00 GMT

Баги ходють по БК, их видать издалека. Предлагаю (и буду неоригинален) собрать баги в одну кучу. Правило добавления очень простое: описать исходные условия и последовательность действий для воспроизведения бага. Если баг не требует воспроизведения, а очевиден - указывается фрагмент кода, ответственный за баг. Сообщения вида "вчера был в БК - вещь была, сегодня зашёл - её нет" не катит. Нужно чёткое описание, при каких условиях и действиях пропала вещь.

Далее идут потверждённые баги.

При отправке в чат сообщения, содержащего символы кириллицы и URL-encoded символы в кодировке UTF-8, первые заменяются на знаки "?", а последние отображаются в decoded виде.

Как воспроизвести

Ошибка jаvаscript при отображении custom hint при наведении указателя на количество предметов в пачке.

Как воспроизвести

Ошибка вёрстки списка заявок в групповых поединках, приводящая к разрушению структуры документа.

Детали

В Internet Explorer 8 не отображается список игроков, находящихся в комнате.

Детали

Ошибка объявления функций в top-level окне, приводящая к несовместимости с браузерами, отличными, от IE.

Детали

При подтормаживании канала возможно неоднократное появление в чате своего сообщения или сообщений других участников чата

Детали

Зависание статистики боя, проведённого в Изломе Хаоса.

Как воспроизвести

Ошибка в кодировке при поиске в аукционе

Как воспроизвести

100% загрузка процессора при наведении на телепортатор в зале ожидания.

Детали

Начинающим клановым программистам

developers : Alex Nomad — Wed, 10 Oct 2007 15:28:09 GMT

Начинающим клановым программистам. Часть III.

Немного о безопасности.

Карты торговца и запрет shop.pl?contents=...

developers : Alex Nomad — Tue, 09 Oct 2007 13:35:40 GMT

С недавних пор перестала работать ссылка http://capitalcity.combats.ru/shop.pl?contents=.... Эта ссылка используется в Картах Торговца для загрузки информации о наличии товаров в магазинах. В настоящий момент парктически все карты торговца БК показывают устаревшие данные или не работают совсем. При этом ссылка загрузки информации из комиссионок работают по прежнему нормально.

Если данный запрет установлен навсегда, то будет совсем плохо. Придется ботов рассылать по магазинам.
Меня посетила ужасная мысль, если причина запрета вызвана появлением второй части статьи "Начинающим клановым программистам", то получается, что как мужщина я должен покончить жизнь выстрелом пистолета в висок.
А умирать совсем не хочется.

П.С. Сделана копия поста в личном дневнике.