Библиотека YUI - Википедия - YUI Library

Yahoo! Библиотека пользовательского интерфейса
Yuilib.jpg
Разработчики)Yahoo!
изначальный выпуск13 февраля 2006 г.; 14 лет назад (2006-02-13)[1]
Окончательный релиз
3.18.1 / 22 октября 2014 г.; 6 лет назад (2014-10-22)[2]
Репозиторий
Отредактируйте это в Викиданных
Написано вJavaScript
Операционная системаКроссплатформенность (JavaScript )
ТипБиблиотека JavaScript
ЛицензияЛицензия BSD
Интернет сайтюношеский.com

Yahoo! Библиотека пользовательского интерфейса (Юй) - это прекращенная разработка с открытым исходным кодом Библиотека JavaScript для создания интерактивных веб-приложения используя такие методы, как Аякс, DHTML, и ДОМ сценарии. YUI включает в себя несколько основных CSS Ресурсы. Он доступен под Лицензия BSD.[3]Разработка YUI началась в 2005 году, и Yahoo! такие свойства, как My Yahoo! и Yahoo! Первая страница начала использовать YUI летом того же года. YUI был выпущен для публичного использования в феврале 2006 года.[1] Его активно разрабатывала основная команда Yahoo! инженеры.

В сентябре 2009 года Yahoo! выпустила YUI 3, новую версию YUI, перестроенную с нуля, чтобы модернизировать библиотеку и включить уроки, извлеченные из YUI 2. Среди улучшений есть Селектор CSS приводной двигатель, вроде jQuery, для получения ДОМ элементов, больший упор на детализацию модулей, меньший исходный файл, который загружает другие модули, когда это необходимо, и множество синтаксических изменений, направленных на ускорение и упрощение написания кода.[4]

Проект библиотеки YUI в Yahoo! был основан Томас Ша и спонсируется Yahoo! соучредитель Джерри Янг; его главными архитекторами были Ша, Адам Мур и Мэтт Суини. Разработчики библиотеки ведут YUIBlog; Сообщество YUI обсуждает библиотеку и ее реализации на своем форуме сообщества.

29 августа 2014 г. было объявлено, что активная разработка YUI компанией Yahoo! закончится, сославшись на эволюцию стандартов JavaScript, неуклонное снижение интереса разработчиков к большим библиотекам JavaScript и распространение серверных решений. Дальнейшая разработка будет ограничиваться отладочными версиями, решающими проблемы, которые «абсолютно критичны для свойств Yahoo».[5]

Функции

Библиотека YUI полностью документирована на ее веб-сайте; подробная документация по API сопровождает загрузку библиотеки. Он состоит из шести типов компонентов: ядра YUI, служебных программ, элементов управления пользовательского интерфейса, компонентов CSS, инструментов разработчика и инструментов сборки.

Основной

YUI Core - это легкий (уменьшенный до 31 КБ) набор инструментов для управления событиями и DOM.

Глобальный объект YUI
Глобальный объект YUI содержит языковые утилиты, загрузчик сценариев и другую базовую инфраструктуру для YUI.
Коллекция Dom
Помогает с общим ДОМ задачи по написанию сценариев, включая позиционирование элементов и CSS управление стилем.
Утилита событий
Предоставляет разработчикам простой и безопасный доступ к браузеру События (например, щелчки мыши и нажатия клавиш). Он также предоставляет объект Custom Event для публикации и подписки на настраиваемые события.

Утилиты

Анимация
Помогает создавать «эффекты» путем анимации положения, размера, прозрачности или других характеристик элементов страницы.
Диспетчер истории браузера
Помогает веб-приложениям использовать кнопку браузера «Назад» и функцию создания закладок.
Диспетчер подключений
Помогает управлять XMLHttpRequest сделки в кроссбраузерность мода. Он имеет встроенную поддержку форма сообщения, обработка ошибок, обратные вызовы и загрузка файлов.
Cookie-файлы
Позволяет управлять куки браузера и вложенные файлы cookie через простой API.
Источник данных
Предоставляет общий настраиваемый интерфейс для других компонентов для взаимодействия с различными типами данных, от простых массивов JavaScript до онлайн-серверов через XHR.
Перетащите и отпустите
Утилита YUI Drag and Drop упрощает создание элементов "перетаскиваемый "и для создания целей перетаскивания, которые реагируют на события перетаскивания.
Элемент
Предоставляет обертку для HTML-элементы в DOM и упрощает общие задачи, такие как добавление слушателей, управление DOM, а также установка и получение атрибутов.
Получать
Утилита Get поддерживает асинхронную загрузку данных и сценариев через узлы сценариев и динамическую загрузку внешних файлов CSS.
ImageLoader
ImageLoader от YUI позволяет отложить загрузку изображений, которые не видны в области просмотра во время загрузки страницы. Это может привести к значительному увеличению производительности.
JSON
Утилита JSON предоставляет методы для проверки входящих JSON data для проверки безопасности и методы преобразования данных JavaScript в строку в формате JSON. Эти методы основаны на Дуглас Крокфорд работают на JSON.org.
Изменить размер
Позволяет изменять размер любого блочного HTML-элемента.
Селектор
Утилита YUI Selector позволяет получать ссылки на элементы HTML с помощью синтаксиса селектора CSS3.
Загрузчик YUI
YUI Loader - это механизм загрузчика на стороне клиента, который может динамически загружать любой компонент YUI (и зависимости) на лету.

Управление

Автозаполнение
Обеспечивает автозаполнение функция (списки предложений и функция опережающего ввода) для взаимодействия с пользователем, включающего ввод текста. Он поддерживает множество форматов источников данных. Он также поддерживает источники данных на стороне сервера через XMLHttpRequest.
Кнопка
Позволяет создавать богатые графические кнопки, которые работают как кнопки традиционных HTML-форм.
Календарь
Графический динамический элемент управления, используемый для выбора даты.
Диаграммы
Charts Control извлекает данные с помощью утилиты DataSource Utility и отображает данные во множестве распространенных форматов диаграмм (линия, столбец, круговая диаграмма и т. Д.).
Палитра цветов
Элемент управления «Палитра цветов» предоставляет богатый визуальный интерфейс для выбора цвета.
Контейнер
Поддерживает различные шаблоны окон DHTML, включая Подсказка, Панель, Диалог, Простой Диалог, Модуль и Наложение.
Таблица данных
Простой, но мощный API для отображения табличных данных, доступных для чтения с экрана, на веб-странице. Известные функции включают в себя сортируемые столбцы, разбиение на страницы, прокрутку, выбор строк, столбцы с изменяемым размером и встроенное редактирование.
ImageCropper
ImageCropper предоставляет пользовательский интерфейс и интерактивные элементы для обрезки изображений на стороне клиента.
Менеджер компоновки
Позволяет без особых усилий создавать кросс-браузерные макеты с идеальным пикселем, предоставляя фиксированный макет, содержащий верхнюю, нижнюю, левую, правую и центральную единицы макета.
Меню
Предоставляет простой API для создания всплывающих окон меню, строки меню и контекстные меню.
Редактор форматированного текста
В Редактор форматированного текста YUI представляет собой сложный текстовый процессор на стороне клиента, который является модульным и легко настраиваемым, подходит для любой ситуации открытого ввода текста.
Слайдер
Предоставляет общий элемент ползунка, который позволяет пользователю выбирать в пределах конечного диапазона значений по одной или двум осям.
TabView
Обеспечивает просмотр содержимого с помощью вкладок; поддерживает динамическую загрузку содержимого вкладки через XMLHttpRequest.
В виде дерева
Создает дерево содержимого, узлы которого можно расширять и сжимать.
Загрузчик
Позволяет загружать многофайловые файлы с обратной связью о ходе загрузки.

Ресурсы CSS

База CSS
Используйте Base after Reset, чтобы обеспечить согласованную кроссбраузерную замену стандартных правил CSS браузера, к которым привыкли веб-разработчики.
CSS сетки
Семь базовых каркасов страниц с компонентами подразделов для поддержки более 1000 различных макетов страниц.
CSS шрифты
Стандартизированные кросс-браузерные семейства шрифтов и рендеринг размеров.
Сброс CSS
В объявлениях CSS удаляются поля и стандартизируется кроссбраузерный рендеринг общих элементов.

Инструменты разработчика

Регистратор
Обеспечивает быстрый и простой способ писать бревно сообщения на экранную консоль, Firebug расширение для Mozilla Firefox, или Сафари Консоль JavaScript.
Профайлер
Кроссбраузерный невизуальный профилировщик кода для JavaScript.
ProfilerViewer
Используется в сочетании с Profiler для обеспечения расширенной визуализации ваших данных профилирования - как в графическом (с использованием элемента управления диаграммами), так и в табличном формате (с использованием DataTable).
YUI Test
YUI Test - это среда тестирования для браузерных решений JavaScript. Используя YUI Test, вы можете легко добавить модульное тестирование в свои решения JavaScript. YUI Test не является прямым портом какой-либо конкретной платформы xUnit, но имеет некоторые характеристики от nUnit и JUnit.

Инструменты сборки

Компрессор YUI
YUI Compressor - это инструмент, который минимизирует JavaScript и CSS безопасно.
YUIDoc
YUIDoc - это инструмент, написанный на JavaScript который генерирует доступную для поиска API-документацию кода JavaScript. Обычно он используется как часть процесса сборки. YUIDoc основан на комментариях и совместим с различными стилями кодирования и языками программирования.

Смотрите также

Рекомендации

  1. ^ а б "Библиотека пользовательского интерфейса Yahoo!". Yahoo! Блог пользовательского интерфейса. 13 февраля 2006 г.
  2. ^ «Релизы · yui / yui3 · GitHub». GitHub. Получено 24 апреля 2020.
  3. ^ "Библиотека ЮИ". Получено 13 июн 2008.
  4. ^ "YUI 3.0.0: Первый выпуск GA кодовой линии нового поколения YUI". Yahoo! Блог пользовательского интерфейса. 29 сентября 2009 г.. Получено 18 ноября 2009.
  5. ^ «Важное объявление относительно YUI». Yahoo! Инженерное дело. Получено 29 августа 2014.

внешняя ссылка