Классическая, казалось бы, задача - позиционирование плавающей менюшки в верхней части браузера. Любой быдлокодер, узнав про expressions, сразу же стукнет себя по лбу и в два счета напишет работающую страницу, а оставшееся рабочее время будет ковырять в носу и гордиться, как он сделал так быстро и круто.
ie6/7 only
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
<script>
var counter = 0 ;
</script>
<style>
.float {
padding: 20px;
border: 1px solid black;
position: absolute;
right: 5 ;
top: expression(counter++, body.scrollTop+ 5 );
}
</style>
<body>
<div class="float"><a href="javascript:alert(counter);">count</a>
</div>
1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br>
1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br>
1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br>
1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br>
1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br> 1 <br>
</body>
Запустим пример и ужаснемся, с какой неумолимой скоростью нарастает счетчик counter, даже если ничего не делать, а просто водить мышкой. Прогнозы Антонария насчет вычисления всего десятка раз в секунду уже кажутся какой-то розовой сказкой.
Антонарий осмелился нам утверждать, что
AntonariyА behavior, expression? Крайне полезные штуки, жаль, что остальные броузеры до них никогда не дорастут.
Представим, что w3 консорциуму моча в голову ударила и они решили принять этот эксперимент то MS как стандарт. Стандарты, как известно, принято поддерживать. Антонарий утверждает, что современным компьютерам с их гигагерцами expressions молотить как орешки щелкать, но совсем забывает, что поддержка стандарта растет и на рынке мобильных устройств, где каждый мегагерц на счету и каждый этих мегагерцев непрерывно тащит заряд у батарейки. Вопросом кто и когда начал копать себе могилу, видимо, займутся уже последователи Антонария.
Стандарты принимаются не по впечатлению "ооо, круто!", а очень взвешенно со всех сторон. Очевидно что expressions был совершенно тупиковым экспериментом. Никто даже не попытался его скопировать, потому что все видели большие проблемы. Основная, как я уже заметил, это производительность. Невозможно угадать, что девелопер напишет в выражении, а, следовательно, невозможно оптимизировать и вычислять их приходится постоянно и на каждое возможное событие. Большинство выражений приводит к пересчету лэйаута в браузере, что требует повторного пересчета всех Expressions и так далее, пока раскачанная чаша не успокоится в ожидании следующего движения курсора по экрану.
Сейчас есть более правильная инициатива - 2d & 3d transforms, заранее заданные в css преобразования, которые легко и однозначно интерпретируются и оптимизируются на самом низком уровне, в том числе ускоряются аппаратно. Можно почитать, например, в блоге гугла, как они оптимизировали интерфейс gmail для айфона с помощью этих самых преобразований (кто не видел, там плавающая менюшка постоянно подтягивается в текущую позицию скролла, т.е. делается в принципе то же, что и в моем примере).
