Files
NebulaShell/website/features.html
2026-04-10 20:00:25 +08:00

93 lines
6.9 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>核心特性 - Future OSS</title>
<meta name="description" content="Future OSS 核心特性:一切皆为插件、依赖自动解析、企业级稳定性、事件驱动架构、丰富配置。" />
<meta name="keywords" content="OSS特性, 插件化, 依赖解析, 熔断器, 降级策略, 事件总线, 消息队列, 任务调度, 监控指标, Python框架, 开发者工具, 运行时" />
<meta name="author" content="Falck" />
<meta property="og:title" content="核心特性 - Future OSS" />
<meta property="og:description" content="一切皆为插件、依赖自动解析、企业级稳定性、事件驱动" />
<meta property="og:type" content="website" />
<link rel="canonical" href="https://oss-runtime.dev/features" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="css/main.css" />
<link rel="stylesheet" href="css/dock.css" />
<link rel="stylesheet" href="css/page.css" />
</head>
<body>
<canvas id="particles"></canvas>
<!-- Dock 侧边栏 (由 js/dock.js 动态生成) -->
<div id="dock-container"></div>
<main class="page-content">
<div class="page-header" data-parallax-speed="0.5">
<span class="section-badge">核心能力</span>
<h1 class="page-title">为何选择 <span class="gradient-text">Future OSS</span></h1>
<p class="page-desc">每个模块都为生产环境而设计,为企业提供开箱即用的稳定性保障</p>
</div>
<div class="features-grid" data-parallax-speed="0.5">
<div class="feature-card">
<div class="feature-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 4a2 2 0 114 0v1a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-1a2 2 0 100 4h1a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-1a2 2 0 10-4 0v1a1 1 0 01-1 1H7a1 1 0 01-1-1v-3a1 1 0 00-1-1H4a2 2 0 110-4h1a1 1 0 001-1V7a1 1 0 011-1h3a1 1 0 001-1V4z"/></svg>
</div>
<h3>一切皆插件</h3>
<p>协议适配、中间件、通知渠道、数据库驱动……所有功能均以插件形式加载。框架本身是空壳,只提供插件管理、事件总线和配置系统。</p>
<div class="feature-tags"><span>热插拔</span><span>按需加载</span><span>隔离运行</span></div>
</div>
<div class="feature-card">
<div class="feature-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"/></svg>
</div>
<h3>依赖自动解析</h3>
<p>自动识别多级上游依赖,拓扑排序决定加载顺序,循环依赖检测。插件只需声明依赖关系,运行时自动注入。</p>
<div class="feature-tags"><span>拓扑排序</span><span>循环检测</span><span>自动注入</span></div>
</div>
<div class="feature-card">
<div class="feature-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>
</div>
<h3>熔断与降级</h3>
<p>内置熔断器,失败 N 次后自动熔断。支持 6 种降级策略:静态值、缓存、默认值、上游、空、自定义函数。</p>
<div class="feature-tags"><span>自动熔断</span><span>6 种降级</span><span>自动恢复</span></div>
</div>
<div class="feature-card">
<div class="feature-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg>
</div>
<h3>包管理系统</h3>
<p>类似 npm 的包管理体验。@{作者/插件名}&lt;版本&gt; 格式,一键安装、卸载、更新、同步。从 Gitee 仓库自动拉取。</p>
<div class="feature-tags"><span>一键安装</span><span>版本管理</span><span>自动同步</span></div>
</div>
<div class="feature-card">
<div class="feature-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"/></svg>
</div>
<h3>事件驱动架构</h3>
<p>发布/订阅事件总线支持通配符匹配。12 种系统事件,插件间松耦合通信。消息总线支持点对点通信。</p>
<div class="feature-tags"><span>发布订阅</span><span>通配符</span><span>点对点</span></div>
</div>
<div class="feature-card">
<div class="feature-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
</div>
<h3>丰富配置系统</h3>
<p>100+ 配置参数,覆盖服务器、日志、认证、数据库、缓存、监控、安全、消息队列、任务调度、插件系统等模块。</p>
<div class="feature-tags"><span>100+ 参数</span><span>热重载</span><span>文件监听</span></div>
</div>
</div>
</main>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
<script src="js/dock.js"></script>
<script src="js/particles.js"></script>
<script src="js/parallax.js"></script>
<script src="js/animations.js"></script>
</body>
</html>