Насколько отличается YUI 3 от YUI 2, чтобы начать обучение?

в течение последних двух лет я активно программировал с помощью jQuery и ExtJs. Я думаю, что теперь пришло время для меня инвестировать некоторое время в изучение впечатляющей библиотеки YUI.

с точки зрения обучения с нуля, что желательно? Я не планирую использовать YUI 2 вообще в любом из моих будущих проектов, я буду использовать только YUI 3. Есть ли какой-либо сдвиг парадигмы в коде ритинга для YUI 2 и YUI 3? или дело только в косметических изменениях ?

6
yui

7 ответов

YUI2 и YUI3 действительно очень разные. Так же, как простой javascript против jQuery.

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

первый в YUI2:

<script src="http://yui.yahooapis.com/2.8.2r1/build/yahoo/yahoo-min.js"></script>
<script src="http://yui.yahooapis.com/2.8.2r1/build/dom/dom-min.js"></script>
<script>
  var YDom = YAHOO.util.Dom;

  YDom.setStyle(YDom.getElementsByClassName('test'),'background-color','red');

</script>

теперь в YUI3:

<script src="http://yui.yahooapis.com/3.3.0/build/yui/yui-min.js"></script>
<script>
  YUI().use('node',function(Y){

    Y.all('.test').setStyle('background-color','red');

  });
</script>

обратите внимание на основные отличия:

  • в YUI2 вы включаете необходимые модули самостоятельно, используя <script> тег. В YUI3 вы включаете только один файл сценария с <script> тег и загрузить все остальное с помощью YUI().use. В приведенном выше примере мы используем node модуль в YUI3. YUI2 имеет модуль, который может выполнять автоматическую загрузку, но это отдельный модуль, а не встроенный в глобальный объект YAHOO.

  • YUI2-традиционное императивное Программирование:foo(bar()) пока YUI3 использует цепочки.

  • YUI3 заставляет вас писать весь код, связанный с YUI, внутри функции, поэтому работает в свой собственный объем и выставляет только YUI объект глобальной области. Это в основном режим ninja в других библиотеках.

11

узнайте YUI 3, это будущее библиотеки. Это также огромный скачок вперед с точки зрения удобства использования и гибкости от YUI 2. На данный момент изучение YUI 2, Если вам действительно не нужно, будет потрачено впустую.

4

Да, определенно YUI3... Он имеет большую производительность по сравнению с YUI2.

поскольку вы упомянули, что уже широко используете jQuery, эта ссылка может помочь вам быстрее подобрать YUI3- - - - список наиболее часто используемых yui3-эквивалентов модулей jQuery

http://www.jsrosettastone.com/

надеюсь, это поможет..

3

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

  • Добро пожаловать Эрик Мираглия в YUI 3

    • и больше видео здесь - http://www.yuiblog.com/blog/2010/10/27/jquery-and-yui-3-a-tale-of-two-javascript-libraries/

    3

    вы можете найти больше документации по библиотеке YUI3 здесь http://yuilibrary.com/

    1

    наверное https://github.com/yui/yui3/wiki/Quick-Start - это хорошая отправная точка. Есть несколько основных примеров на узле, модулях событий и т. д.

    спасибо, Diptendu

    0

    YUI-бесплатная библиотека JavaScript и CSS с открытым исходным кодом для создания интерактивных веб-приложений.

    YUI-это библиотека утилит JavaScript и элементов управления для создания интерактивных веб-приложений с использованием таких методов, как Dom Scripting, DHTML и Ajax.

    1. быстро
    2. Модульная Архитектура / Управление Зависимостями
    3. Компонент Инфраструктуры
    4. Событие
    5. взаимодействие DOM, Ajax, многие Виджеты
    6. Документация

    Yui App Framework

    • Является Открытым Исходным Кодом
    • разработан Yahoo и сообществом YUI
    • основан на YUI3
    • вдохновлен позвоночника.js
    • дает вам базовую структуру для фронтальных тяжелых веб-приложений

    подробнее о YUI

    0