Показать сообщение отдельно
  #12 (permalink)  
Старый 11.04.2011, 17:09
Аватар для eval
Интересующийся
Отправить личное сообщение для eval Посмотреть профиль Найти все сообщения от eval
 
Регистрация: 04.11.2010
Сообщений: 19

столкнулся тоже с такой проблемой ))
скрипт выполняет следующее : появление дива
одновременно с добавлением прозрачности, изменяю позицию топ ...
(пример подсказок вконтакте - только вверх + размеры окна 500х400)
в IE и сафари плавней чем в других и это печально !
выдал что-то страшное в виде условия :
var crsSpeed=(/MSIE/.test(navigator.userAgent)) ? 1 : ((/Safari/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent)) ? 5 : 18);

crsSpeed ставлю в setTimeout

для IE попытался увеличить количество пикселей для позиции в 2 раза

сафари на ура - а вот в IE чуток ухудшилась эффектность появления на зато почти идентичная скорость

использовал для сравнения console.time() и console.timeEnd() колебания в 50-70ms !

смотрел вконтакте у них кстати похожая картина с изменение числа пикселей для IE (эффектность то не та...)

в итоге прочитав то что нашел в инете по этому поводу и взглянув на свой код пришел к выводу что пора браться за оптимизацию, в этом многие беды - подобной проблемы

не надо сильно критиковать за страшное условие сверху ... только осваиваюсь с js

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


спустя пару часов отдыха, пришла мысль : что бы при появлении присваивать не по 0.1 opacity, а по 0.2 и соответственно не 10 раз вызывать метод(как для нормальных браузеров) а 5 конкретно для IE 8, немного поправил значения в условии
var crsSpeed=(/MSIE\s8/.test(navigator.userAgent)) ? 2 : ((/Safari/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent)) ? 22 : 14);
результат console.time показал у chrome, firefox, opera, IE 8 (250-280ms -- кстати IE 8 : 250 ) погрешность 20-30ms что очень радует.
итог IE*2 = cross browser - кстати safari 5.0.4 так же как и IE 8 пришлось запускать 5 раз и setTimeout 22
можно сказать что в моем случаи решение найдено почти идеально.
может не по теме но все же : console time для ie - мне кажется нужная вещь ))
//console.time implementation for IE
if(window.console && typeof(window.console.time) == "undefined") {
    console.time = function(name, reset){
        if(!name) { return; }
        var time = new Date().getTime();
        if(!console.timeCounters) { console.timeCounters = {} };
        var key = "KEY" + name.toString();
        if(!reset && console.timeCounters[key]) { return; }
            console.timeCounters[key] = time;
        };
    console.timeEnd = function(name){
        var time = new Date().getTime();
        if(!console.timeCounters) { return; }
        var key = "KEY" + name.toString();
        var timeCounter = console.timeCounters[key];
        if(timeCounter) {
            var diff = time - timeCounter;
            var label = name + ": " + diff + "ms";
            console.info(label);
            delete console.timeCounters[key];
        }
        return diff;
    };
}

Кто знает может кому-то пригодится подобный взгляд на setTimeout...

Последний раз редактировалось eval, 12.04.2011 в 14:01.
Ответить с цитированием