移动端SPA开发框架 Staple

Apache
跨平台
2017-02-17
蔡晓东

Staple是一个专为移动设备设计的SPA(单页面Web应用)开发框架。Staple解决了SPA应用开发过程中的许多细节问题,以便于让开发者专注与实际业务逻辑的开发。Staple基于BabelRequireJS构建,提供了一种面向对象的、模块化的开发方式,使得的代码更易阅读和维护。Staple被设计成一个单纯的SPA框架,因此能很好的与其它JS框架集成,例如jQueryBootstrap等。另外,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

的码云指数为
超过 的项目
加载中
请先登录后再评论。

暂无资讯

暂无问答

OTB(visual tracker benchmark) 的基础环境配置

OTB是我们tracking领域常常用到的一个评估数据集,常用的有OTB50(2013年)和OTB100(2015年),下面就来演示一下如何让一个tracker(通常是一个文件夹的形式)在下载下来之后能成功运行于OTB...

2018/02/02 00:01
34
0
目标跟踪算法综述

第一部分:目标跟踪速览 先跟几个SOTA的tracker混个脸熟,大概了解一下目标跟踪这个方向都有些什么。一切要从2013年的那个数据库说起。。如果你问别人近几年有什么比较niubility的跟踪算法,...

2019/08/13 16:49
11
0
单目标跟踪综述

转自 https://www.zhihu.com/question/26493945 作者:YaqiLYU 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 相信很多来这里的人和我第一次到这里一样,都是想找一...

2018/08/19 23:56
12
0
attributed to handbag sales i

attributed to handbag sales i

2015/05/05 10:47
8
0
基础练习

学习基础单词

2016/07/12 07:58
15
0
MacOS命令行打包+签名+公证+生成dmg文件

关于dmg文件是什么,和为什么要进行公证? 简单说下,dmg文件就是一个可直接在mac上安装的安装包,我自己的理解是就像windows上的exe安装包一样; 公证是将app传到苹果商店去做认证,如果不认...

2019/12/20 11:51
17
0
从sslyze看TLS证书的点点滴滴

纵观眼下,https已经深入大街小巷,成为网络生活中不可或缺的一部分了。提到了https,我们又不得不想到TLS(SSL),而提到了TLS,我们又不得不提到一个让人捉摸不透的东西:TLS证书。 关于证...

2019/04/10 10:10
20
0
Portworx on OpenShift 原理讲解视频

Portworx on RedHat OpenShift https://v.qq.com/x/page/g0975mnzln0.html 欢迎回到Portworx技术讲解系列视频。我们今天介绍红帽Openshift上的Portworx。我们讨论基本的OpenShift部署,包括本...

06/02 21:06
2.9K
0
population has become more

population has become more

2015/05/03 11:22
28
0
nike lebron 11 and main visual

Put on a pair of solid colored wedges to give the whole outfit a contemporary effect.As demand for customized chips rises and falls, TI compensates by adjusting production of me...

2014/01/18 12:08
35
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部