首页
/ Terrific JavaScript Framework 技术文档

Terrific JavaScript Framework 技术文档

2024-12-24 09:42:16作者：温玫谨Lighthearted
terrificjs
Terrific JavaScript Framework
项目地址：https://gitcode.com/gh_mirrors/te/terrificjs

1. 安装指南

使用 Bower 安装

TerrificJS 可以通过 Bower 进行安装。执行以下命令即可：

bower install terrific

依赖项

TerrificJS 依赖于以下两个库：

  • es5-shim：用于兼容旧版浏览器。
  • es6-promise：用于支持 ES6 Promise。

如果你通过 Bower 安装 TerrificJS，这些依赖项会自动包含在内。

2. 项目的使用说明

快速开始

让 Terrific 应用程序运行起来非常简单，只需三个步骤：

  1. 创建模块
  2. 注释标记
  3. 启动应用程序

1. 创建模块

使用 T.createModule({ … }) 创建模块：

T.Module.Foo = T.createModule({
    start: function(resolve) {
        // 你的逻辑代码
        resolve();
    }
});

2. 注释标记

将 terrific.js 引入页面，并通过 data-t-name 属性注释你的标记：

<!DOCTYPE html>
<html>
<head></head>
<body>
    <div data-t-name="Foo">
        ...
    </div>
    <script src="bower_components/terrific/dist/terrific.min.js"></script>
</body>
</html>

3. 启动应用程序

在页面末尾或文档准备好时启动应用程序：

var application = new T.Application();
application.registerModules();
application.start();

3. 项目API使用文档

模块

模块是 TerrificJS 应用程序的核心。所有的 JavaScript 代码都将放在模块中。模块 API 非常简单，包含两个生命周期方法：start() 和 stop()。

T.Module.Foo = T.createModule({
    start: function(resolve) {
        // 启动时的逻辑
        resolve();
    },
    stop: function() {
        // 可选，停止时的清理逻辑
    }
});

装饰器

装饰器允许你扩展模块的功能。

示例

创建模块：

T.Module.Foo = T.createModule({
    value: 'foo',
    start: function(resolve, reject) {
        resolve();
    },
    foo: function() {
        return 'foo';
    }
});

创建装饰器：

T.Module.Foo.Bar = T.createDecorator({
    value: 'bar',
    start: function(resolve, reject) {
        this._parent.start(resolve, reject);
    },
    bar: function() {
        return "bar";
    },
    foo: function() {
        var value = this._parent.foo();
        return 'bar-' + value;
    }
});

使用装饰器：

var module = application.registerModule(document.createElement('div'), 'Foo', ['Bar']);
module.bar(); // -> bar
module.foo(); // -> bar-foo
module.value; // -> bar
module.start(); // 执行装饰器和模块的 start 方法

EventEmitter

EventEmitter 允许模块与外部（如其他模块）进行通信。每个模块都有一个绑定的 EventEmitter 实例，可以通过 this._events 访问。

支持的方法

  • emit(event, ...)：触发事件。
  • on(event, fn) / addListener(event, fn)：注册事件处理函数。
  • once(event, fn)：注册一次性事件处理函数。
  • off(event, fn) / removeListener(event, fn) / removeAllListeners(event, fn)：移除事件处理函数。
  • listeners(event)：返回事件处理函数的数组。
  • hasListeners(event)：检查是否存在该事件的处理函数。

示例

T.Module.Foo = T.createModule({
    start: function(resolve) {
        this._events.on('foo', function() {
            // 处理事件
        });
        resolve();
    }
});

启动应用程序

启动应用程序的代码应放在页面末尾或文档准备好时：

var application = new T.Application();
application.registerModules();
application.start();

4. 项目安装方式

通过 Bower 安装

执行以下命令安装 TerrificJS：

bower install terrific

依赖项

TerrificJS 依赖于 es5-shim 和 es6-promise，这些依赖项会自动包含在 Bower 安装中。

terrificjs
Terrific JavaScript Framework
项目地址：https://gitcode.com/gh_mirrors/te/terrificjs

相关内容推荐

1 推荐使用：Terrific JavaScript 框架2 App Framework 技术文档3 App Framework 技术文档4 mass Framework 技术文档5 Asakusa Framework 技术文档6 Slim Framework 技术文档7 Options Framework Theme 技术文档8 FuncUnit 技术文档9 Javascript-Voronoi 技术文档10 Entity Framework 文档项目推荐
热门项目推荐
相关项目推荐

热门内容推荐

1 开发者路线图项目教程2 开源项目 developer-roadmap 使用教程3 Vue.js 教程与指南4 Vue.js 项目教程5 探索Vue 2的持久魅力：一个开源项目的深度解析6 开源项目 `awesome-selfhosted` 使用教程7 TensorFlow 开源项目指南8 TensorFlow 开源项目教程9 TensorFlow：开启机器学习新纪元10 推荐项目：探索 Linux 内核的奥秘

最新内容推荐

UTCMenuClock 技术文档 DCControls 技术文档 Foursquare API v2 iOS 封装库使用文档 KTOneFingerRotationGestureRecognizer 技术文档 OpenSpringBoard 技术文档 Xcode插件《Show in GitHub》技术文档 JMStaticContentTableViewController 技术文档 JTObjectMapping 技术文档 SSPhotoCropperViewController 技术文档 Unirest for Objective-C 技术文档

项目优选

收起
openHiTLSopenHiTLS
旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件，通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求，让密码技术应用更简单，同时探索后量子等先进算法创新实践，构建密码前沿技术底座！
C
46
37
PDFMathTranslatePDFMathTranslate
PDF scientific paper translation with preserved formats - 基于 AI 完整保留排版的 PDF 文档全文双语翻译，支持 Google/DeepL/Ollama/OpenAI 等服务，提供 CLI/GUI/Docker
Python
30
3
Cangjie-ExamplesCangjie-Examples
本仓将收集和展示高质量的仓颉示例代码，欢迎大家投稿，让全世界看到您的妙趣设计，也让更多人通过您的编码理解和喜爱仓颉语言。
Cangjie
171
39
RuoYi-VueRuoYi-Vue
🎉 基于SpringBoot，Spring Security，JWT，Vue & Element 的前后端分离权限管理系统，同时提供了 Vue3 的版本
Java
165
34
HarmonyOS-ExamplesHarmonyOS-Examples
本仓将收集和展示仓颉鸿蒙应用示例代码，欢迎大家投稿，在仓颉鸿蒙社区展现你的妙趣设计！
Cangjie
249
63
RuoYi-Cloud-Vue3RuoYi-Cloud-Vue3
🎉 基于Spring Boot、Spring Cloud & Alibaba、Vue3 & Vite、Element Plus的分布式前后端分离微服务架构权限管理系统
Vue
24
17
CangjieCommunityCangjieCommunity
为仓颉编程语言开发者打造活跃、开放、高质量的社区环境
Markdown
892
0
RuoYi-CloudRuoYi-Cloud
🎉 基于Spring Boot、Spring Cloud & Alibaba的分布式微服务架构权限管理系统，同时提供了 Vue3 的版本
Java
25
10
advanced-javaadvanced-java
Advanced-Java是一个Java进阶教程，适合用于学习Java高级特性和编程技巧。特点：内容深入、实例丰富、适合进阶学习。
JavaScript
391
102
杨帆测试平台杨帆测试平台
扬帆测试平台是一款高效、可靠的自动化测试平台，旨在帮助团队提升测试效率、降低测试成本。该平台包括用例管理、定时任务、执行记录等功能模块，支持多种类型的测试用例，目前支持API(http和grpc协议)、性能、CI调用等功能，并且可定制化，灵活满足不同场景的需求。 其中，支持批量执行、并发执行等高级功能。通过用例设置，可以设置用例的基本信息、运行配置、环境变量等，灵活控制用例的执行。
JavaScript
11
2