Jump to content

s0rr0w

User
  • Posts

    5,139
  • Joined

  • Last visited

  • Days Won

    32

Everything posted by s0rr0w

  1. На больших объемах стили с отбивками не решают.
  2. Я работал за ноутами очень долго. Мне нужна тихая клава с ножничным устройством клавиш и большой раскладкой. Все остальное не важно, человек привыкае ко всему
  3. А я колебаюсь, брать Эппловскую клаву или не брать. Аналогов пока нет на нашем рынке.
  4. Имя события Привычка Это самый простой пример. Вот посложнее <!DOCTYPE HTML> <html> <head> <title>Mutation event demo</title> <style> .bg1 { background-color: #999; } .bg2 { background-color: #e5e5e5; } .bg3 { background-color: #900; } </style> <script> function init (){ var nodeList = document.getElementsByTagName( "*" ); for ( var i=nodeList.length; i--; ) { var node = nodeList.item(i); var bg = node.getAttribute("data-bgclass"); if ( bg ) { node.addEventListener( "changeBG", changeBGHandler, true ); } } }; function changeBGHandler() { this.className = this.getAttribute("data-bgclass"); }; function launchEvent( eventName ) { var mEvent = document.createEvent( "MutationEvent" ); mEvent.initMutationEvent ( eventName, true, true, document, null, null, null, 0 ); var nodeList = document.getElementsByTagName( "*" ); for ( var i=nodeList.length; i--; ) { var node = nodeList.item(i); node.dispatchEvent( mEvent ); } }; </script> </head> <body id="body" data-bgclass="bg1" onload="init()"> Страница меняет фон <div id="div1" data-bgclass="bg2">Я меняю свой фон</div> <ul id="ul1"> <li>Я не меняю</li> <li data-bgclass="bg3">А я меняю!</li> </ul> <a href="#" onclick="launchEvent( 'changeBG' ); return false;">Change body BG</a> </body> </html>
  5. CSS3 придумали программисты. И чем больше я читаю их обсуждения, тем сильнее шевелятся волосы на затылке. Вместо простых и очевидных решений они лепят уже темплейт-систему. Ну и нафига, спрашивается, если есть xsl? Иногда нет слов передать весь тот трындец, что творится вокруг CSS3
  6. Событийная модель приложения, как по мне, самая удачная из всех. Особенно в UI. Допустим, есть задача: есть некий набор чекбоксов Овощи Фрукты Соки Вода Если мы выбираем первые два пункта, то нужно предложить пользователю выбрать тару в виде ящика или пакета, или без тары. Если это вода или сок, то тетрапак, бутылка или банка. Как обычно делают. Просто добавляют условия, что если значение опшина такое-то, то делать это, а если такое, то делать вот это. В событийной модели все иначе. Мы навешиваем на элементы тары два обработчика, которые будут показывать и скрывать элемент. По клику на список продуктов запускаем событие определенного типа, например, показать тару для овощей или показать тару для жидкостей. Кто именно это отработает, нас уже не волнует. В чем недостаток первой модели. С увеличением числа элементов, изменением количества тары, изменением зависимостей, придется постоянно переписывать код условий. Плюсы первой модели. Можно быстро написать решение задачи. Пример реализации: jQuery В чем недостаток второй модели. Требует другого подхода к решению задач. Неподготовленному разработчику тяжелее вникнуть в решение. Плюсы второй модели. Легко модифицировать и изменять код не нарушая основную логику работы. Пример реализации: StateController P.S. Думал перевести StateController на MutationEvents. Не буду, так как SC работает быстрее от 3 до 10 раз на повторных запросах.
  7. Кроме событий, которые генерирует пользователь при работе со страницей, можно делать еще и свои собственные события. Пример кода <!DOCTYPE HTML> <html> <head> <title>Mutation event demo</title> </head> <body id="body"> <script> var bodyNode = document.getElementById("body"); bodyNode.addEventListener( "changeBG", function(){ this.style.backgroundColor = "#ccc" }, false ); function chbg( node ) { var mEvent = document.createEvent( "MutationEvent" ); mEvent.initMutationEvent ( "changeBG", true, true, document, null, null, null, 0 ); bodyNode.dispatchEvent(mEvent); } </script> <a href="#" onclick="chbg( this ); return false;">Change body BG</a> </body> </html> Не работает в ИЕ < 9. Обойти можно, но нужно ли?
  8. var $ = function ( id ) { try { return ( typeof id == "string" )? document.getElementById( id ) : id; } catch ( e ) { return null }; } Я чуть модифицировал. Если передать ноду, то нода же и возвратится, не вызывая проблем.
  9. Ох уж эти джекверисты... Пучеглазы, мускулисты... По идее так должно работать $(document).ready(function(){ $("#a_link").click(function(){ $("body").append('<div id="a_out" />').click(function(){ … }); … }); });
  10. Очередное заблуждение. Ускоряет разработку тем, кто понимает, что делает. Она может ускорить первоначальное получение результата, но превращает в непереносимую боль при частых изменениях. Нужно помнить, что это не панацея от всех бед. Гламурные фифы лайкают в фейсбуках и вконтактиках синтаксис jQuery. Минус - вы нифига не поймете, как это работает. Вот это реально минус. Остальное - от лукавого.
  11. s0rr0w

    опрос !

    Классно вам, книги есть. Я по докам Netscape еще учил все
  12. Да, лучше виртуальной машины действительно ничего нет
  13. Чувак, ты не прав. И заказчица не права. Каждый из вас предложил то, что больше всего нравится ВАМ. А надо решать другую задачу - сделать так, чтобы нравилось покупателю. Вот пример правильной рекламы Картинка живая, сочная, яркая. Она не просто так сделана именно такой. А вы хайтек и классику лепить собрались.
  14. Первая ошибка дизайнера - не понимание психологии потребителя сайта. Продавать антиквариант на сайте в стиле хай-тек - вот это точно когнитивный диссонанс. Для потребителя. Тетя может и правильно все сказала, нужно потребителю сформировать доверительную атмосферу на сайте. А рамки - это всего лишь намек на то, куда надо двигаться. Тем более, если тетя продает редкий товар, то она лучше вас знает, на что клюют ее покупатели.
  15. Нет этих самых nl, чтобы их потом br
  16. Потому что в это время включены накладные расходы на сетевое соединение, пересылку данных, выполнение кода на стороне сервера и таймауте в функции post, которая опрашивает состояние запроса с некоторой периодичностью.
  17. s0rr0w

    IE 10

    Вопрос не в том, плавно или нет скроллится, а сколько процессорных ресурсов он тратит при отрисовке страницы. Скроллить текстурку много ресурсов не нужно. А вот отрисовать ее... Свой собственный инструмент и не стандартизировали? Нонсенс! Да и отмазка это. Какого лешего тогда MS взялась за CSS3, если спецификация еще не стандартизирована?
  18. s0rr0w

    IE 10

    А что есть быстрее? Скроллинг или время отрисовки страницы? 3dnews.ru/news - вот тут ИЕ9 съедает более половины ресурсов моего компа на момент загрузки. ФФ2 в виртуальной машине кушает около 60% одного ядра.
  19. s0rr0w

    IE 10

    Если бы все было просто, ie9 хвастался бы быстрой отрисовкой HTML и CSS, но воз и ныне там.
  20. s0rr0w

    IE 10

    А что это даст? Ошибка в архитектуре Трайдента, и ее они легким патчиком не исправят.
  21. s0rr0w

    IE 10

    Надейся и жди, вся жизнь впереди... (с) какая-то старая советская песня Этого требовали криворукие разработчики и потребители систем, которые используются в корпоративном мире и написанные этими самыми криворукими разработчиками. Ссылку на закрытый корпоративный продукт? Щас...
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy