Библиотека ЮИ
 | |
| Разработчик(и) | Yahoo! |
|---|---|
| Первоначальный выпуск | 13 февраля 2006 г [1] |
| Финальный выпуск | 3.18.1 / 22 октября 2014 г [2] |
| Репозиторий | |
| Написано в | JavaScript |
| Операционная система | Кроссплатформенность ( JavaScript ) |
| Тип | библиотека JavaScript |
| Лицензия | Лицензия БСД |
| Веб-сайт | библиотека |
Yahoo! Библиотека пользовательского интерфейса ( YUI ) — это прекращенная библиотека JavaScript с открытым исходным кодом для создания интерактивных веб-приложений с использованием таких методов, как Ajax , DHTML и DOM сценарии . YUI включает в себя несколько основных ресурсов CSS . Он доступен по лицензии BSD . [3] Разработка YUI началась в 2005 году, и Yahoo! такие свойства, как My Yahoo! и Yahoo! Главная страница начала использовать YUI летом того же года. YUI был выпущен для публичного использования в феврале 2006 года. [1] Он активно разрабатывался основной командой Yahoo! инженеры.
В сентябре 2009 года Yahoo! выпустил YUI 3, новую версию YUI, переработанную с нуля для модернизации библиотеки и включения уроков, извлеченных из YUI 2. Среди улучшений — селектором CSS механизм, управляемый , такой как jQuery , для извлечения элементов DOM , больший упор на детализацию модули, меньший начальный файл, который при необходимости загружает другие модули, а также множество синтаксических изменений, призванных ускорить и упростить написание кода. [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 и субкуки браузера через простой API.
- Источник данных
- Предоставляет общий настраиваемый интерфейс для других компонентов для взаимодействия с различными типами данных, от простых массивов JavaScript до онлайн-серверов через XHR.
- Перетащите
- Утилита YUI Drag and Drop позволяет легко сделать элементы « перетаскиваемыми » и создавать цели перетаскивания, которые реагируют на события перетаскивания.
- Элемент
- Предоставляет оболочку для HTML-элементов в DOM и упрощает общие задачи, такие как добавление прослушивателей, управление DOM, а также установка и получение атрибутов.
- Получать
- Утилита Get поддерживает асинхронную загрузку данных и сценариев через узлы сценариев, а также динамическую загрузку внешних файлов CSS.
- Загрузчик изображений
- ImageLoader YUI позволяет отложить загрузку изображений, которые не видны в области просмотра во время загрузки страницы. Это может привести к значительному повышению производительности.
- JSON
- Утилита JSON предоставляет методы проверки входящих данных JSON , чтобы убедиться в их безопасности, а также методы преобразования данных JavaScript в строку в формате JSON. Эти методы основаны на работе Дугласа Крокфорда в JSON.org.
- Изменить размер
- Позволяет изменять размер любого элемента HTML на уровне блока.
- Селектор
- Утилита YUI Selector позволяет получать ссылки на элементы HTML с помощью синтаксиса селектора CSS3.
- ЮИ-загрузчик
- YUI Loader — это механизм загрузчика на стороне клиента, который может динамически загружать любой компонент YUI (и зависимости) на лету.
Элементы управления
[ редактировать ]- Автозаполнение
- Предоставляет функцию автозаполнения (списки предложений и функцию опережающего ввода) для взаимодействия с пользователем, связанного с вводом текста. Он поддерживает различные форматы источников данных. Он также поддерживает источники данных на стороне сервера через XMLHttpRequest.
- Кнопка
- Позволяет создавать кнопки с богатым графическим интерфейсом, которые функционируют как традиционные кнопки форм HTML.
- Календарь
- Графический динамический элемент управления, используемый для выбора даты.
- Графики
- Элемент управления «Диаграммы» извлекает данные с помощью утилиты DataSource и отображает данные в различных распространенных форматах диаграмм (линейная, гистограмма, круговая диаграмма и т. д.).
- Выбор цвета
- Элемент управления «Выбор цвета» предоставляет богатый визуальный интерфейс для выбора цвета.
- Контейнер
- Поддерживает различные шаблоны окон DHTML, включая Tooltip , Panel, Dialog, SimpleDialog, Module и Overlay.
- Таблица данных
- Простой, но мощный API для отображения табличных данных, доступных для чтения с экрана, на веб-странице. Примечательные функции включают сортируемые столбцы, нумерацию страниц, прокрутку, выбор строк, столбцы с возможностью изменения размера и встроенное редактирование.
- Обрезка изображений
- ImageCropper предоставляет пользовательский интерфейс и интерактивные элементы для обрезки изображений на стороне клиента.
- Менеджер по макетам
- Позволяет без особых усилий создавать кросс-браузерные макеты с идеальным пикселем, предоставляя фиксированный макет, содержащий верхние, нижние, левые, правые и центральные блоки макета.
- Меню
- Предоставляет простой API для создания всплывающих меню , строк меню и контекстных меню.
- Редактор форматированного текста
- Редактор форматированного текста YUI — это сложный текстовый процессор на стороне клиента, который является модульным и легко настраиваемым, подходящим для любой ситуации с открытым вводом текста.
- Слайдер
- Предоставляет универсальный элемент ползунка, который позволяет пользователю выбирать в конечном диапазоне значений по одной или двум осям.
- Табвиев
- Обеспечивает просмотр содержимого с вкладками; поддерживает динамическую загрузку содержимого вкладки через XMLHttpRequest.
- Древовидное представление
- Создает дерево контента, узлы которого можно расширять и сжимать.
- Загрузчик
- Позволяет загружать несколько файлов с обратной связью о ходе загрузки.
CSS-ресурсы
[ редактировать ]- CSS-база
- Используйте Base after Reset, чтобы обеспечить согласованную кросс-браузерную замену стандартных правил CSS браузера, к которым привыкли веб-разработчики.
- CSS-сетки
- Семь базовых каркасов страниц с компонентами подразделов для поддержки более 1000 различных макетов страниц.
- CSS-шрифты
- Стандартизированные кроссбраузерные семейства шрифтов и рендеринг размеров.
- Сброс CSS
- Объявления CSS удаляют поля и стандартизируют кроссбраузерный рендеринг общих элементов.
Инструменты разработчика
[ редактировать ]- Регистратор
- Предоставляет быстрый и простой способ записи сообщений журнала на экранную консоль, расширение Firebug для Mozilla Firefox или консоль JavaScript Safari .
- Профилировщик
- Кроссбраузерный невизуальный профилировщик кода для JavaScript.
- ПрофилировщикПросмотрщик
- Используется в сочетании с Profiler для обеспечения богатой визуализации данных профилирования — как в графическом виде (с использованием элемента управления «Диаграммы»), так и в табличном формате (с использованием DataTable).
- ЮИ-тест
- YUI Test — это среда тестирования браузерных JavaScript-решений. Используя YUI Test, вы можете легко добавить модульное тестирование в свои решения JavaScript. Хотя YUI Test не является прямым портом какой-либо конкретной платформы xUnit, он все же заимствует некоторые характеристики от nUnit и JUnit.
Инструменты сборки
[ редактировать ]- ЮИ Компрессор
- YUI Compressor — это инструмент, который безопасно минимизирует JavaScript и CSS.
- ЮИДок
- YUIDoc — это инструмент, написанный на JavaScript , который генерирует доступную для поиска документацию API кода JavaScript. Обычно он используется как часть процесса сборки. YUIDoc управляется комментариями и совместим с различными стилями кодирования и языками программирования.
См. также
[ редактировать ]
Ссылки
[ редактировать ]- ^ Jump up to: а б «Библиотека пользовательского интерфейса Yahoo!» . Yahoo! Блог пользовательского интерфейса . 13 февраля 2006 г. Архивировано из оригинала 11 июня 2008 г. Проверено 13 июня 2008 г.
- ^ «Релизы · yui/yui3 · GitHub» . Гитхаб . Проверено 24 апреля 2020 г.
- ^ «Библиотека ЮИ» . Проверено 13 июня 2008 г.
- ^ «YUI 3.0.0: первая общедоступная версия кодовой строки следующего поколения YUI» . Yahoo! Блог пользовательского интерфейса . 29 сентября 2009 года . Проверено 18 ноября 2009 г.
- ^ «Важное объявление относительно YUI» . Yahoo! Инженерное дело . Проверено 29 августа 2014 г.
