Staple是一個(gè)專為移動(dòng)設(shè)備設(shè)計(jì)的SPA（單頁面Web應(yīng)用）開發(fā)框架。Staple解決了SPA應(yīng)用開發(fā)過程中的許多細(xì)節(jié)問題，以便于讓開發(fā)者專注與實(shí)際業(yè)務(wù)邏輯的開發(fā)。Staple基于Babel和RequireJS構(gòu)建，提供了一種面向?qū)ο蟮?、模塊化的開發(fā)方式，使得的代碼更易閱讀和維護(hù)。Staple被設(shè)計(jì)成一個(gè)單純的SPA框架，因此能很好的與其它JS框架集成，例如jQuery，Bootstrap等。另外，Staple可以與Cordova完美結(jié)合來開發(fā)接近原生體驗(yàn)的App。以下是Staple的主要特性：

特性：

• 完全的面向?qū)ο缶幊田L(fēng)格，模塊化編程
• 資源(HTML/CSS/JavaScript)懶加載、按需加載
• 界面加載和跳轉(zhuǎn)管理，支持自定義CSS動(dòng)畫
• 界面生命周期管理
• 狀態(tài)暫存及恢復(fù)，在頁面刷新后或從其它頁面后退回來時(shí)能恢復(fù)到離開時(shí)的狀態(tài)
• 界面間數(shù)據(jù)傳遞
• 通過URL Query參數(shù)直接跳轉(zhuǎn)的指定的界面
• 國際化(I18n)支持

安裝Staple

通過npm來安裝Staple：

$ npm install -g staple.js

開始使用

創(chuàng)建一個(gè)新的文件夾。

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

通過“staple.js”命令行工具來創(chuàng)建一個(gè)新項(xiàng)目

$ 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.

創(chuàng)建項(xiàng)目時(shí)有4個(gè)可選項(xiàng)：jQuery，artTemplate，WeUI和TypeScript.

jQuery是最流行的JavaScript框架，可以使HTML文檔遍歷和操作，事件處理，動(dòng)畫以及Ajax等工作更簡便。 artTemplate是一個(gè)高效的HTML渲染框架。 WeUI是微信官方的UI框架。 TypeScript是一個(gè)強(qiáng)類型的JavaScript超集，可以被編譯成JavaScript。

你可以把對應(yīng)的選項(xiàng)設(shè)置為“no”來關(guān)閉以上的任何一個(gè)特性。

安裝依賴項(xiàng)：

$ npm install

啟動(dòng)項(xiàng)目

$ npm start

許可證

Apache License, Version 2.0