使用Celer JS框架开发丰富的客户端功能

简介

现在有很多的JS框架,使得开发人员能够更简便的进行开发。Celer js和其他的框架的区别在于架构和思想。最好的提高开发效率的方式是,开发人员进行一次开发后可以进行重用。每个Celer js模块都是一个独立模块存在于用户界面中,生成一个事件并被调用。因为每个模块之间的调用是独立的,所以开发人员可以在一个界面中很简单的使用一系列的Celer js模块,组合成需要的功能。

Celer理念

Celer js目的是使开发变动更方便容易。如果Celer js没有错误,不要随意去修改。另外,Celer js的修改必须要遵循使开发便捷的理念。

Celer JS框架其他优点

Celer JS框架非常轻便。其全模块化设计,只有需要的模块才会被加载,所以页面的JS总数量总是会保持最少。在Sitec的帮助下,脚本最终将被压缩为单文件,缩短加载时间,提升用户体验。

如何开发

若要使用Celer JS框架,只需添加以下代码至页头:

  • <script  src=" /js/core.js" />

通常创建一个功能模块,都需在js目录下创建一个新的javascript文件。模块结构具体如下:

    
    X.sub("init", function() {
    
    // your module implementation;
    
    });
    
    

在上述示例中,X是Celer js独有的实现多个功能的对象。首先,Celer js实现了总线架构,所以可以注册一系列的不同类型的事件。大部分情况会使用“init”事件,当页面完全加载后会执行“init”事件。

在Celer js总线结构种,当注册的模块被执行时,每个模块会产生一个通知事件,不过通知事件没有特定的发生顺序,这种架构的整个特点是鼓励模块之间的松散耦合。