blear.ui.application

1Introduction

2Example

var Application = require('blear.ui.application');
var Router = require('blear.classes.router');

var router = new Router();
var app = new Application(router, {
    el: '#app'
});

router.start();

3路由跳转

<a redirect="path/to">redirect 跳转,会产生新的历史记录</a>
<a rewrite="path/to">rewrite 跳转,不会产生新的历史记录</a>

4Static

静态属性、方法

4.1defaults

4.1.1defaults.el

  • 类型:String | HTMLElement
  • 说明:单页面应用管理的节点
  • 默认:null

4.1.2defaults.platform

  • 类型:String
  • 说明:单页面应用平台,支持mobiledesktop,在mobile平台下,页面视图会铺满这个 window,而desktop平台下则不会
  • 默认:mobile

4.1.3defaults.showAnimation(el, options, done)

  • 类型:Function
  • 说明:页面显示的过场动画
  • 默认:mobile

4.1.4defaults.showAnimation: el

  • 类型:HTMLDivElement
  • 说明:视图容器元素

4.1.5defaults.showAnimation: options

  • 类型:Object
  • 说明:视图参数

4.1.6defaults.showAnimation: options.direction

  • 类型:String
  • 说明:视图显示方向
    • none:第一个视图的显示
    • forward:前进方向
    • back:后退方向

4.1.7defaults.showAnimation: done

  • 类型:Function
  • 说明:动画结束回调

4.1.8defaults.hideAnimation(el, options, done)

  • 类型:Function
  • 说明:页面隐藏的过场动画
  • 默认:mobile

4.1.9defaults.hideAnimation: el

  • 类型:HTMLDivElement
  • 说明:视图容器元素

4.1.10defaults.hideAnimation: options

  • 类型:Object
  • 说明:视图参数

4.1.11defaults.hideAnimation: options.direction

  • 类型:String
  • 说明:视图显示方向
    • none:第一个视图的显示
    • forward:前进方向
    • back:后退方向

4.1.12defaults.hideAnimation: done

  • 类型:Function
  • 说明:动画结束回调

5new Application(router, options)

Application 模块是和 blear.classes.Router 模块一起配合使用的。 Router 模块实现路由的管理,Application 实现页面路由与控制器的组合。

options 参数默认值为 defaults

6Prototype

6.1#destroy()

销毁实例。

7Events

无。

8Dependencies