Staple

Staple — это фреймворк для разработки одностраничных веб-приложений (SPA), ориентированный на мобильные устройства. Он основан на Babel и RequireJS и предоставляет разработчикам возможность сосредоточиться на бизнес-логике, решая многие детали процесса разработки SPA.

Фреймворк Staple использует объектно-ориентированный подход к программированию, что делает код более читаемым и поддерживаемым. Он хорошо интегрируется с другими библиотеками и фреймворками JavaScript, такими как jQuery и Bootstrap. Кроме того, Staple идеально подходит для использования с Cordova для создания приложений, похожих на нативные.

Основные характеристики:

• Полностью объектно-ориентированное программирование, модульное программирование.
• Отложенная загрузка ресурсов (HTML/CSS/JavaScript), загрузка по требованию.
• Управление загрузкой страниц и навигацией, с поддержкой пользовательских CSS-анимаций.
• Управление жизненным циклом страницы.
• Сохранение и восстановление состояния при обновлении страницы или переходе с другого сайта.
• Передача данных между страницами.
• Открытие указанной страницы через параметры запроса URL.
• Поддержка интернационализации (I18n).

Установка Staple

Установить Staple можно через npm:

$ npm install -g staple.js

Как начать

Создайте новую папку:

$ mkdir /some/path/to/your/project
$ cd /some/path/to/your/project

Создайте новый проект с помощью CLI «staple.js»:

$ staple.js init
name проекта: (проект) stapledemo
версия: (1.0.0) 1.0.0
описание: Демонстрация проекта на основе Staple.
автор: Eric.Tsai
использовать jQuery: (да) да
использовать artTemplate: (да) да
использовать WeUI: (да) да
использовать TypeScript: (да) да

создание проекта «stapledemo»...
готово.

запустите «npm install», чтобы установить зависимости.
затем запустите «npm start», чтобы начать работу.

Есть 4 опции: jQuery, artTemplate, WeUI и TypeScript. jQuery — самый популярный фреймворк JavaScript, который упрощает такие задачи, как обход и манипуляция HTML-документами, обработка событий, анимация и Ajax. artTemplate — эффективный фреймворк рендеринга HTML. WeUI — официальный фреймворк пользовательского интерфейса приложения WeChat. TypeScript — типизированный надмножество JavaScript, которое компилируется в простой JavaScript. Вы можете отключить любую из них, установив соответствующий параметр в «нет».

Установите зависимости:

$ npm install

Запустите проект:

$ npm start

Лицензия Apache License, Version 2.0