JSLite

   __     ______     __         __     ______   ______    
  /\ \   /\  ___\   /\ \       /\ \   /\__  _\ /\  ___\   
 _\_\ \  \ \___  \  \ \ \____  \ \ \  \/_/\ \/ \ \  __\   
/\_____\  \/\_____\  \ \_____\  \ \_\    \ \_\  \ \_____\ 
\/_____/   \/_____/   \/_____/   \/_/     \/_/   \/_____/ 

JSLite — это библиотека JavaScript, предназначенная для ускорения веб-разработки и повышения эффективности выполнения кода. Она ориентирована на современные браузеры и мобильные устройства.

Цель проекта — продвигать стандарты разработки фронтенда и сделать процесс создания сайтов более эффективным.

Основные особенности JSLite:

1. Совместимость с современными браузерами: JSLite поддерживает широкий спектр современных браузеров, включая Safari 6+, Chrome 30+, Firefox 24+ и другие. Это позволяет разработчикам создавать сайты, которые будут работать на большинстве устройств.
2. Эффективность: JSLite использует новые методы JavaScript для реализации API, что делает его более компактным и быстрым по сравнению с другими библиотеками.
3. Простота использования: API JSLite полностью соответствует API jQuery, что упрощает его изучение и использование.
4. Небольшой размер: JSLite имеет небольшой размер (5–10 КБ), что важно для мобильных устройств, где каждый килобайт может быть платным.
5. Поддержка разработчиков: проект активно развивается и поддерживается сообществом разработчиков.

Совместимость с браузерами

JSLite совместим со следующими основными браузерами:

• Safari 6+ (Mac);
• Chrome 30+ (Windows, Mac, Android, iOS, Linux, Chrome OS);
• Firefox 24+ (Windows, Mac, Android, Linux, Firefox OS);
• iOS 5+ Safari;
• Android 2.3+ Browser;
• Internet Explorer 10+ (Windows, Windows Phone).

Установка

Для установки JSLite необходимо выполнить следующие шаги:

1. Установить Node.js.
2. Выполнить команду npm install jslite или bower install jslite.
3. Запустить grunt, чтобы объединить все модули в один каталог.
4. Запустить сервер с помощью команды npm start.

Тестирование

Тестирование JSLite требует установки Node.js версии 4.x или выше. Для тестирования можно выполнить следующие действия:

1. Установить глобальный пакет gulp с помощью команды npm install gulp -g && npm install.
2. Сгенерировать новую версию JSLite с помощью gulp.
3. Провести модульное тестирование с помощью команды npm test.
4. Просмотреть результаты в браузере, открыв файл test/index.html.

Модули JSLite

В каталоге src/ находятся следующие модули JSLite:

По умолчанию загружаются модули polyfill, function и JSLite. Остальные модули можно загружать выборочно.

Пример использования:

# Запуск задачи gulp, убедитесь, что зависимости установлены (можно установить с помощью npm install)
# Объединение выбранных модулей в пользовательский файл
# По умолчанию без передачи переменных среды объединяются все модули
$ MODULES="polyfill event" gulp

# В Windows
c:\JSLite> SET MODULES=polyfill event
c:\JSLite> gulp

Генерация map-файла

Для генерации map-файла можно использовать команду gulp map.

Традиционный метод

Чтобы использовать JSLite, можно скачать его с официального сайта и добавить ссылку на файл JSLite.js в теге <script> в HTML-коде страницы.

<script type="text/javascript" src="JSLite.js"></script>

Использование

Пример использования JSLite в коде JavaScript:

$("#box") //⇒ возвращает массив узлов [<div>​…​</div>​]
$("<div></div>") //⇒ создаёт div-узел
//JSLite(func) аналогично ready
JSLite(function($){
    console.log("Выполняется после загрузки узлов")
})
//$(func) аналогично ready
$(function($){
    console.log("Выполняется после загрузки узлов")
})

Вклад в проект

Проект открыт для вклада от сообщества разработчиков.