Производительность CSS Expressions

[deerua]

Вывод, старайтесь верстать без експрешенов ;)
Min-width & height 100% можно сделать и так ;)
почерпнуть знаний в вёрстке, можно здесь

[impwx]

Очень смущают фразы «проприетарная технология микрософт» и «с пятой по седьмую включительно».

[waitekk]

Dynamic properties (also called «CSS expressions») are no longer supported in Internet Explorer 8 and later, in IE8 mode and higher. Можно перевести ИЕ8 в режим седьмой или пятой версии, в стандартном режиме рендеринга выражения не сработают

[bolk]

Min-width без JS в IE: www.cssplay.co.uk/boxes/minwidth.html

[waitekk]

спасибо, я умею пользоваться гуглом. к несчастью, даже Стю Никколс не нашел решения одновременного max и min-width без экспрешшенов

[bolk]

Есть вариант для IE6 min-witdth сделать через CSS, а max-width — через expression. Либо не делать max-width вовсе и рассказать заказчику почему.

[waitekk]

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

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

[bolk]

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

А по-моему, стыкуется. Из вашего же текста:

Ого. И что теперь? Ну их в баню, эти экспрешены, пойду с заказчиком потолкую насчет фикса лучше...

Т.е. вы прямо задаёте как одну из тем — взаимодействие с заказчиком.

Кроме того. Я никогда не верил, что «запоминается только последнее», но данный случай наглядная иллюстрация. Если внимательно перечитать мой коммент, то станет очевидным, что там, кроме взаимодействия с заказчиком, есть ещё предложение.

[bezz]

Или рассказать заказчику еще кучу всего об ИЕ6 и, если повезет, не делать ничего кроме «заглушки» для этого браузера.

[waitekk]

у заказчика ИЕ6 основной и корпоративный браузер, ему плевать, что есть браузеры лучше.

к сожалению…

[bezz]

Значит, не повезло…

[dfuse]

Я таки выложил свою эмуляцию habrahabr.ru/blogs/webdev/68917/

[Vetal4eg]

«не могу пока раскрыть, чей это сайт»

Хабраэффекта боитесь?

[waitekk]

эээ, нет, вовсе нет.

[kivsiak]

А можно подобный замер на IE7?

[waitekk]

у меня на машине IETester стоит, не знаю, насколько честными будут эти измерения.

p.s. IE6, в которым производились испытания, «родной» для XP

[kivsiak]

Я к чему спрашиваю: IE6, слава богу, потихоньку отмирает, и если вы проведете замер, не важно чем будь то IETester или еще что и опубликуете сравнительный результат, то тогда можно будет говорить о перспективах подобной технологии.

[waitekk]

ну, хорошо. вот график для IE7, запущенного из под IETester v0.3.5

<img src=«www.picamatic.com/show/2009/09/07/11/54/4992847_115x133.jpg» width=«115» height=«133>

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

из чего как будто можно заключить — ИЕ7 ест меньше на пиковой загрузке, однако в рабочих режимах нагружает проц сильней.

еще раз повторюсь — не знаю, насколько можно верить этому графику. ИЕ7 не „родной“.

[waitekk]

парсер — лох, простите :) ну хоть линк работает

[Chizh]

У этой технологии уже нет будущего, M$ в 8-ой версии IE не поддерживают expression

[pepelsbey]

Стоило бы ещё рассказать, что:

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

— Кешируемые (проверка на необходимость перед выполнением) могут убить, но иногда они единственный способ сделать более-менее сложное поведение.

— Бесконтрольные совершенно чётко убивают IE6

[sunnybear]

JS не выход? все равно expression не работает с отключенным JS

[pepelsbey]

Выход, но тогда решение проблем вёрстки слишком размазывается — файл стилей, файл стилей-хаков, файл скриптов-хаков.

[sunnybear]

гым, ну, соглашусь. Только для IE все равно ситуация «размазывается»: стили для IE6, стили для IE7…

[pepelsbey]

Файл можно один, а дальше фильтровать — благо, всё известно.

[firstbyte]

Для себя «изобрёл» глянув на код примеров такой min-width:

width:expression(function(t){
window.attachEvent('onresize', function()
{
document.body.clientWidth

[pepelsbey]

И что, прям фигурные скобки работают внутри expression'а? )

[firstbyte]

Да.
По-сути, внутри expression вызывается attachEvent с анонимной функцией(или как там это правильно называется). Это то же самое, что создать обработчик с осмысленным именем, а после 'onresize' передать его имя.

Проверил в IE6 (Browser Sandbox, IETester). Работает.

P.S. Вычитал про возможные утечки памяти, которые лечатся снятием обработчиков на onunload, либо отказом от анонимных функций, то есть attachEvent('...', funcName); function funcName(){...}

[bolk]

Про утечки в IE: htmlcoder.visions.ru/Javascript/?29

[firstbyte]

Спасибо, я Вас поправлю только:
htmlcoder.visions.ru/Javascript/?29

[waitekk]

а бесполезно :) у меня в топике тоже маленькую букву вместо большой ставит :))

[firstbyte]

Дела, однако :)
script должен быть с большой буквы.
А парсер—лох

[bolk]

Гм… а почему фигурные скобки не должны работать внутри expression?

[pepelsbey]

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

#box { width: function() {…} }

…но если работает — почему нет.

[homm]

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

[chikuyonok]

Насколько я помню, если не указывать DOCTYPE у документа, то у expression'ов появляются проблемы с интерпретацией JS-кода (как раз на скобках сыпется). Но есть и обратный эффект: некоторый код может нормально работать в IE6 без доктайпа, но не работает с ним, хотя скобок нет.

Я даже допиливал различные решения из Техногрета под работы с доктайпом :)

[firstbyte]

Ой, как плохо-то, парсер съел код.

pastebin.ca/1556962

[tenshi]

ресайз — тяжёлая операция независимо от экспрешшенов и браузеров. и редкая. остальные действия не особо и тормозят…