能力
Markup 是一个高度灵活、高性能、轻量级的模板系统,可以作为从快速单文件小部件到大型企业就绪系统的核心。
从小型解决方案到企业系统
由于 Markup 需要无需编译或构建步骤并且只有7.6KB gzip,因此它具有零包摩擦。这使得它非常适合广泛的应用:
1. 轻量级和专业化环境
现代 Web 框架通常会在包大小和设置复杂性方面带来严重损失。 Markup 的占用空间足够小,可以简化资源受限或专门环境中的开发:
- 浏览器扩展:构建 Manifest V3 内容脚本、侧面板和弹出窗口,无需打包大量运行时或复杂的捆绑器设置。
- 可嵌入的小部件:创建聊天小部件、计算器、反馈表或交互式卡,这些小部件可以注入到任何客户端网站中,而不会增加页面加载时间。
- CMS 插件和主题:无缝地向 Shopify、WordPress 或自定义无头 CMS 模板添加丰富的反应性。
- 微前端:交付独立、高度隔离的组件,这些组件可立即初始化并共享几乎零开销。
2. 大规模和企业应用
另一方面,Markup 的简单性和灵活性可以干净地扩展到大规模代码库。由于它完全依赖于本机 JavaScript 原语和标准 API,因此它与专业架构模式自然集成:
- 组合:使用 函数组件 或配套的 Web Components 构建可扩展的 UI。
- 状态管理:使用状态存储创建强大的、可预测的单向数据流。
- 声明式路由:使用配套产品 `@beforesemicolon/router` 为复杂的单页应用程序 (SPA) 提供支持。
- 性能:精确的 DOM 协调可确保企业仪表板、复杂表单和数据密集型表格保持极快的速度和响应能力。
- 服务器端渲染 (SSR):通过本机服务器端渲染 功能,提高大型 Web 应用程序的 SEO 和初始加载时间。
Before Semicolon 提供了构建在 Markup 之上的附加库,以提供完整的类似框架的功能:
- Web Components 集成 — 通过自动反应式渲染增强自定义元素。
- SPA Router — 管理路径匹配、查询状态和路由感知模板交换机。
此外,以下是您可以仅使用核心 Markup API 构建的架构模式示例:
示例
您可以从以下更多示例中汲取灵感:
编辑本文档