Staple 移动端SPA开发框架 项目简介
Staple是一个专为移动设备设计的SPA(单页面Web应用)开发框架。Staple解决了SPA应用开发过程中的许多细节问题,以便于让开发者专注与实际业务逻辑的开发。Staple基于Babel和RequireJS构建,提供了一种面向对象的、模块化的开发方式,使得的代码更易阅读和维护。Staple被设计成一个单纯的SPA框架,因此能很好的与其它JS框架集成,例如jQuery,Bootstrap等。另外,Staple可以与Cordova完美结合来开发接近原生体验的App。以下是Staple的主要特性:特性:完全的面向对象编程风格,模块化编程 资源(HTML/CSS/JavaScript)懒加载、按需加载 界面加载和跳转管理,支持自定义CSS动画 界面生命周期管理 状态暂存及恢复,在页面刷新后或从其它页面后退回来时能恢复到离开时的状态 界面间数据传递 通过URL Query参数直接跳转的指定的界面 国际化(I18n)支持安装Staple通过npm来安装Staple:$ npm install -g staple.js开始使用创建一个新的文件夹。$ mkdir /some/path/to/your/project
$ cd /some/path/to/your/project通过“staple.js”命令行工具来创建一个新项目$ staple.js init
project name: (project) stapledemo
version: (1.0.0) 1.0.0
description: A staple project demo.
author: Eric.Tsai
use jquery: (yes) yes
use art template: (yes) yes
use weui: (yes) yes
use typescript: (yes) yes
creating project "stapledemo" ...
done.
run "npm install" to install dependencies.
then run "npm start" to start.创建项目时有4个可选项:jQuery,artTemplate,WeUI和TypeScript.jQuery是最流行的JavaScript框架,可以使HTML文档遍历和操作,事件处理,动画以及Ajax等工作更简便。 artTemplate是一个高效的HTML渲染框架。 WeUI是微信官方的UI框架。 TypeScript是一个强类型的JavaScript超集,可以被编译成JavaScript。你可以把对应的选项设置为“no”来关闭以上的任何一个特性。安装依赖项:$ npm install启动项目$ npm start许可证Apache License, Version 2.0
$ cd /some/path/to/your/project通过“staple.js”命令行工具来创建一个新项目$ staple.js init
project name: (project) stapledemo
version: (1.0.0) 1.0.0
description: A staple project demo.
author: Eric.Tsai
use jquery: (yes) yes
use art template: (yes) yes
use weui: (yes) yes
use typescript: (yes) yes
creating project "stapledemo" ...
done.
run "npm install" to install dependencies.
then run "npm start" to start.创建项目时有4个可选项:jQuery,artTemplate,WeUI和TypeScript.jQuery是最流行的JavaScript框架,可以使HTML文档遍历和操作,事件处理,动画以及Ajax等工作更简便。 artTemplate是一个高效的HTML渲染框架。 WeUI是微信官方的UI框架。 TypeScript是一个强类型的JavaScript超集,可以被编译成JavaScript。你可以把对应的选项设置为“no”来关闭以上的任何一个特性。安装依赖项:$ npm install启动项目$ npm start许可证Apache License, Version 2.0