移动端SPA开发框架 Staple

码农软件 · 软件分类 · 手机Web开发框架 · 2019-05-02 22:28:18

软件介绍

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

本文地址:https://www.codercto.com/soft/d/4894.html

Ordering Disorder

Ordering Disorder

Khoi Vinh / New Riders Press / 2010-12-03 / USD 29.99

The grid has long been an invaluable tool for creating order out of chaos for designers of all kinds—from city planners to architects to typesetters and graphic artists. In recent years, web designers......一起来看看 《Ordering Disorder》 这本书的介绍吧!

URL 编码/解码
URL 编码/解码

URL 编码/解码

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具