Kitjs, (http://xueduany.github.com/kitjs), представляет собой набор библиотек виджетов HTML5, которые я создал в конце 2011 года после ухода из Taobao Ued. Первоначальная цель состояла в том, чтобы сосредоточиться на использовании интерактивных компонентов HTML на мобильных телефонах. Так же, как набор буквально, видение должно быть миниатюрным и практичным, которое можно использовать напрямую, и также может быть очень удобно выполнять двухзвешенные компоненты. Позже, по мере того, как проект становился все больше и больше, а количество компонентов расширилось, также была добавлена поддержка браузеров для ПК (IE6+, FF, Chrome Core и т. Д.), И он больше не ограничивался оригинальным полем разработки мобильных телефонов, и он начал официально двигаться к полной платформе. В последнее время все оригинальные модули были обновлены в соответствии со спецификациями JSDOC и постепенно открытым исходным кодом для всех.
Давайте сначала поместим генеалогию Kitjs, чтобы каждый мог иметь базовое понимание комплекта
Как насчет этого? Вы чувствуете себя немного головокружительным, когда смотрите на это? На самом деле, я чувствую головокружение, когда вижу это^_^. Проще говоря, Kitjs и Dojo похожи друг на друга и разделены на
1. Модуль инструмента JS с Kit.js в качестве ядра, который расширяется вокруг комплекта, аналогично Dojo
2. Компонентные модули в пространстве имен wit.ui, аналогично Dijit
3. Существует также лабораторный проект, такой как Dojox, который здесь не указан.
В компонентах KitJS есть несколько отличных компонентов, которые я публиковал в своем блоге, например, как
Аудиоплеер
Вкладки для эффектов iPhone
Combobox
3D фотоальбом
календарь
Лайтбокса
и т. д.
Есть также некоторые лучшие компоненты, которые все еще используются или постепенно выпускаются для всех, чтобы использовать. Все компоненты Kitjs соответствуют следующему видению
1. Будьте ближе к пользовательскому опыту китайских пользователей
2. Будьте ближе к комментариям и документам китайских разработчиков
3. Обязательно предоставьте существующие компоненты на рынке, которые не предоставляются, но каждый нуждается.
4. достаточно мелкозернистый модуль для облегчения сборки и слияния в более крупный виджет
В модуле инструментов KITJS весь код основан на расширении прототипа класса, а созданные для разработчиков предназначены созданные глобальные объекты. Все имена классов заглавляются в первой букве, а все объекты экземпляра в нижней части в первой букве. Комплект начинается с персонажа $, чтобы облегчить различие от других классовых библиотек. В то же время, в модуле инструмента, все методы написаны в стиле функционального программирования, который такой же, как и Kissy. В то же время, Kit предоставляется студентам, которые привыкли к развитию с jQuery. Загрузка suger.js может использовать KITJS для написания кода, как использование jQuery. Имя метода и метод использования точно такие же, как jQuery. Вот пример события Dom Ready
Кода -копия выглядит следующим образом:
$ kit. $ (function ($) {
$ ('. item', $ ('#Gallery')). Каждый (function () {
$ (this) .css ({
Top: $ kit.math.rand ($ ('#галерея'). innerheight ()) + 'px',
Слева: $ kit.math.rand ($ ('#галерея'). innerwidth ()) + 'px',
'-Webkit-transform': 'utate (' + $ kit.math.rand (-40, 40) + 'deg)'
});
}). pushStack ('a.kitlightbox'). Каждый (function () {
новый $ kit.ui.lightbox ({
ЭЛ: Это
}). init ();
});
});
$ Kit. $ - это DOM Ready Event of Kitjs. Параметр $ анонимного метода передается во внутреннее закрытие. Таким образом, $ может использоваться непосредственно во внутреннем закрытии вместо $ kit. $ (Эквивалент $ selecter jQuery). Таким образом, весь код в закрытии ничем не отличается от jQuery. Это также облегчает портирование кода jQuery и кода KitJS.
Эта статья является первой статьей в серии Руководства по использованию Framework Kitjs. Это лишь кратко представляет KITJS. В будущем мы узнаем больше об этой отличной фронтальной структуре пользовательского интерфейса.