разница очень даже заметна и без увеличения картинки
если увеличить то вот что видим
не всегда antialiased выглядит лучше чем subpixel-antialiased (как в случае на картинке)
некоторые буквы совсем уж «рваные» получаются (
synergy к сожалению при переходе на монитор другой машины затирает второй курсор и полностью передает управление первому (тот который перешел на другую машину), а второй (который остался на своей и исчез) вообще никак не реагирует ((
мне как раз и надо было как в вашем втором примере — что бы не было лишнего recalculate
если просто менять стили — то браузер действительно откладывает все пересчеты до определенного момента
а вот в первом случае этот момент настает когда мы запрашиваем ширину элемента divs[i].offsetWidth
по вашему рецепту к сожалению ничего не изменилось в скорости jsperf.com/style-vs-csstext-vs-setattribute/2
а из за лишних двух операций со стилями контейнера (display: none — display: block) лично у меня даже чуть-чуть медленней стало
1. сколько человек переписало по свойму код из примера?
2. что использовали при этом?
может сделать что-то типа todomvc.com/ только для сокобана :)
открывай хоть в 10 лэйаутах
или вы не про это?
уж точно как-то по другому назвали бы
даже гугл Working with multiple panes переводит как Работа с несколькими панелями
почему клетки…
откуда клетки…
если увеличить то вот что видим
не всегда antialiased выглядит лучше чем subpixel-antialiased (как в случае на картинке)
некоторые буквы совсем уж «рваные» получаются (
мот кто знает можно ли это решить?
если уж совсем кроссбраузерно, то наверное как-то так будет лучше:
можно предположить что они пользуются фреймворками и только ими
и еще раз повторю — для тех кто сразу минусует: я вовсе не против фреймворков — просто бывают специфические задачи и требования
а также интересен вариант тех 50 человек кто выбрал 4-й пункт опроса
если просто менять стили — то браузер действительно откладывает все пересчеты до определенного момента
а вот в первом случае этот момент настает когда мы запрашиваем ширину элемента divs[i].offsetWidth
именно поэтому не стоит делать так
а лучше сначала прочитать все нужные свойства и лишь затем их изменять
поэтому вопрос в заголовке топика считаю вполне корректным
Chrome 23.0 — 64 теста — - лидирует (~1.3 раза) — el.style.width
Оpera 12.10 — 10 тестов — лидирует с небольшим отрывом el.style.width
Firefox 16.0 — 33 теста — лидирует с приличным отрывом (почти 2 раза) — setAttribute
jsperf.com/style-vs-csstext-vs-setattribute/2
а из за лишних двух операций со стилями контейнера (display: none — display: block) лично у меня даже чуть-чуть медленней стало
очень многие как бы "
знают" javascript на уровне — "нахожу нужный плагин"хотя с другой стороны — а оно им надо?