OpenTiny的博客

原创 开发者福音！TinyEngine开启新篇章，服务端Java版本正式开源~

低代码引擎是一种通用的开发框架，通过对低代码平台系统常用的功能进行解构，将其划分为多个功能模块，并为每个模块定义了相应的协议和开发范式，使得开发者可以根据自身的业务需求，轻松定制开发出自己的低代码开发平台。TinyEngine 低代码引擎作为低代码平台的底座，提供可视化搭建页面等基础能力，既可以通过线上搭配组合使用，也可以通过 cli 创建个人工程进行二次开发，实时定制出自己的低代码平台。适用于多场景的低代码平台开发，如：资源编排、服务端渲染、模型驱动、移动端、大屏端、页面编排等。（欢迎star）

原创 TinyEngine 服务端正式开源啦！！！

本文介绍了 TinyEngine 低代码引擎服务端开源的核心特性、服务端架构、硬件配置、相关FAQ、未来规划等内容

原创 低代码引擎 TinyEngine 正式发布！！！

TInyEngine 低代码引擎在HC华为全联结大会正式发布，TinyEngine 提供了低代码底层能力，并集成了人工智能，从而使用户能够高效开发。

原创 【干货合集】拒绝空谈！AI 应用落地的硬核 tips

本文由体验技术团队成员原创。

原创 开发者必看！TinyEngine 低代码物料自动导入使用指南，快速上手不踩坑

TinyEngine 低代码物料自动导入工具的核心目标，是通过「自动化解析 + 可视化操作」的闭环设计，解决了低代码物料接入的效率瓶颈与兼容性难题。无论是 URL 爬取、NPM 解析还是源码上传，工具都力求简化全流程操作，让开发者无需关注底层协议细节与格式转换逻辑，即可快速将各类 UI 组件无缝转化为符合 TinyEngine 标准的可用物料，让低代码物料接入从繁琐的手动配置，转变为高效、省心的一站式操作。

原创 一看就会！TinySpace 布局容器组件使用指南

近期，TinyVue正式发布 v3.27.0版本，这次版本更新也增加了很多新特性，space组件就是其中比较重要的一个特性。Space组件是组件库中的一个布局容器组件，用于在子元素之间提供灵活的间距控制。它支持水平与垂直方向排列、自动换行、对齐与分布控制、以及顺序调整等功能，能帮助开发者轻松实现响应式、整齐的组件布局。场景推荐配置表单项垂直间距按钮组可换行标签集合。

原创 如何使用 TinyEditor 快速部署一个协同编辑器

TinyEditor 是一个框架无关的富文本编辑器，既可以在原生 JavaScript 项目中使用，也可以在 Vue、React 等前端框架中使用。本篇文章带来的是如何使用 TinyEditor 最新的协同编辑模块快速部署多人实时协作编辑。

原创 OpenTiny HUICharts——RankProcessChart 排名进度图上手指南

是一套功能强大的前端可视化图表库，提供丰富的图表组件、支持 Vue、React、Angular 等主流前端框架，并内置多套主题且可灵活定制，同时完全兼容 ECharts API，使开发高性能、响应式的数据可视化应用变得简单便捷。基于HUICharts开发，专门用于展示排名及流程类数据的可视化效果，能够直观呈现复杂数据关系。在使用之前，需要先完成基本的开发环境配置。RankProcessChart（排名进度图）是一个专门用于展示排名和进度数据的可视化组件。

原创 从人工到AI，源码全送！我用华为云MaaS+OpenTiny 实现商城商品智能化管理

本案例选择OpenTiny NEXT作为示例，通过CLI端直连云开发环境、借助 OpenTiny NEXT 提供的工具，将一个传统 Web 应用转变成智能应用，体验让 AI 智能体代替人操作 Web 应用。提供了一套完整的企业智能前端开发解决方案。它提供了TinyVue前端智能组件库、TinyEngine智能低代码平台、TinyRobot企业智能助手、WebAgent智能代理等解决方案。

原创 OpenTiny NEXT 亮相 GOSIM HANGZHOU2025，携手开发者共筑开源智能生态！

9 月 13–14 日，GOSIM Hangzhou 2025 在杭州隆重启幕。本次大会由 GOSIM 全球开源创新汇主办、优快云 承办，以国际化、社区化、强互动为特色，深入聚焦开源与 AI 的前沿技术与跨界创新。OpenTiny 受邀参与 GOSIM Hangzhou 2025「智能体互联网」主题论坛并设立展位，向 1500+ 全球开发者公开展示 OpenTiny NEXT 企业级前端智能化方案。

原创 一场 MCP 生态的变革——详解 OpenTiny NEXT 逆向思维的技术创新

OpenTiny NEXT 支持将海量的企业前端应用转变为 MCP 工具，实现智能化改造，这将极大丰富 MCP 的生态。我们提供低成本、轻量化的企业应用智能化改造方案，通过运用逆向思维将 MCP Server 放在前端运行，解决了 GUI 方案存在的性能等问题。我们不仅支持 Web 应用，还通过 WebView 支持桌面应用、移动应用甚至鸿蒙应用。除 TypeScript 外，我们将陆续推出 MCP 官方支持的其他语言版本，助力企业应用低本高效智能化转型。

原创 OpenTiny NEXT 内核新生：生成式UI × MCP，重塑前端交互新范式！

近期，我们推出 OpenTiny NEXT —— OpenTiny的下一代企业级前端智能开发解决方案。这不仅是一次技术升级，更是一场用户交互范式的变革：从传统的人机交互升级成为人机交互范式和智能体交互范式的融合。

原创 【开发者体验活动】OpenTiny NEXT 前端智能化解决方案应用实践，快来体验吧~

原创 AI基础知识图谱详解

AI（Artificial Intelligence）是研究如何利用机器模拟人类智能的一门技术，简单来说就是让计算机像人类一样思考和行动，甚至超过人类的智能。能听会思：以自然语言处理技术为代表的发展路线，ChatGPT等会说会看：以计算机视觉、语言合成等技术为代码的发展路线，人脸识别等能动会做：以机器人技术为代表，仿生机器人、自动驾驶等。

原创 OpenTiny NEXT 训练营实操体验 | 四步将你的 Web 应用升级为智能应用

本实验就带大家亲自动手实操，借助 OpenTiny NEXT 提供的工具，将一个传统 Web 应用转变成智能应用，体验让 AI 智能体代替人操作 Web 应用。

原创 TinyEngine低代码引擎v2.8特性详解：AI能力就位、Docker一键起飞！

近期，我们正式推出TinyEngine v2.8 版本，希望能够给大家带来更好的使用体验，能够深度定制化的同时可以更简洁便利地配置

原创 前端性能优化工具Performance面板实战指南

本文以一个实际网页为例，详细记录了利用Performance面板对其进行性能分析的过程，重点介绍性能分析的一些操作方式及分析思路。

原创 TinyVue表格重构性能优化详解

表格作为组件库高频使用的组件，它作为承载、展示和交互数据的核心载体,每一次卡顿都可能意味着时间的浪费与耐心的消磨。然而有小伙伴反馈说，表格组件树表数据滚动场景卡顿，偶尔会出现白屏现象，甚至会出现表头和表体滚动不同步的情况。后来据了解是小伙伴的机器性能较为普通，加上表格树表大数据虚拟滚动确实存在较大的性能瓶颈，存在大量的计算与dom操作。问题在性能较好的机器上被“屏蔽”了。打开 performance 面板点击面板内右上角设置按钮在 CPU 设置选项中点击弹出下拉面板。

原创 一文解读“Performance面板”前端性能优化工具基础用法！

本文重点讨论了Performance面板的一些功能、用法。特别是针对Network面板、Main面板 以及Thread pool面板的功能，从一个HTTP请求的4个阶段的角度进行说明。

原创 把Vue Vapor扒了个精光：从这5个方面看清技术全链路！

Vue 内置的事件模式已经非常简洁且高效，通常情况下无需使用自定义事件。这个概念是原生浏览器特性的一部分，但在Vue生态中却较少提及。因此，我们在此提供一个示例来演示如何在Vue中使用它。在Vue中，事件只能向父级传播一层。若要通知祖先级元素，必须逐层传递事件，这类似于令人头痛的 “Prop Drilling”。为了解决这个问题，创建一个自定义冒泡事件是最佳方案。Demo.vue// 创建自定义事件detail: { name: "猫" },bubbles: true // 可冒泡});

原创 前端高级综合搜索组件 SearchBox 使用详解！

适用场景：灵活开发终于到了说再见的时候，这篇文章是否让你初步了解了searchbox这个应运而生的组件？给你一秒钟思考。想不到也没关系，那就请简单回想一下：这个组件，不仅解决了目前业务中各种过滤搜索的疑难杂症场景，比如时间日期、多重筛选等等，还增加智能识别、快速生成的实用功能。如果能想起这些，说明本文给你留下了还不错的印象！那应该说明前世你对searchbox回眸了应该不止500次。（欢迎 Star ⭐）

原创 TinyEngine低代码引擎v2.7版本解读：注册表还能这样重构？

TinyEngine低代码引擎使开发者能够定制低代码平台。它是低代码平台的底座，提供可视化搭建页面等基础能力，既可以通过线上搭配组合，也可以通过cli创建个人工程进行二次开发，实时定制出自己的低代码平台。适用于多场景的低代码平台开发，如：资源编排、服务端渲染、模型驱动、移动端、大屏端、页面编排等。近期，我们正式推出TinyEngine v2.7版本，希望能够给大家带来更好的使用体验，能够深度定制化的同时可以更简洁便利地配置。（欢迎 Star ⭐）

原创 TinyEditor v4.0 alpha：表格更强大，表情更丰富，上传体验超乎想象！

前端开源星球。是一个基于 Quill 2.0 的富文本编辑器，在 Quill 基础上扩展了丰富的模块和格式，框架无关、功能强大、开箱即用。对于富文本编辑器来说，插入图片、视频、表情，插入和编辑表格，这些都是非常常见的功能，因此我们对这几个模块做了重点优化和重构。

原创 告别代码焦虑，单元测试让你代码自信力一路飙升！

合理且正确的使用单元测试，能帮我们有效的提升我们对自己代码的信心，而不是产生累赘。从“这段代码如何实现？→“这段代码该如何被使用？从“它能做什么？→“它不该做什么？从“功能完成”→“变更安全”这将给我们带来别样的体会。

原创 盘点字体性能优化方案

WOFF2 (Web Open Font Format 2) 字体文件格式已经是 W3C 标准, 无需考虑兼容性问题.WOFF2 通过优化编码格式和更先进的压缩算法使字体文件压缩率提升(WOFF2 相比TTF/OTF压缩率提升40%-60%，相比 WOFF1 压缩率提升 30%), 同时具备更快的客户端解析速度.下面是主流字体文件格式对比格式全称浏览器兼容性压缩率核心优势主要缺点TTF全平台支持（Windows、macOS、Linux、移动端）低。

原创 OpenTiny训练营实操体验|轻松解锁TinyVue智能组件开发Web应用

首先，我们提供了一个用 Vue3 搭建的商品列表管理的单页面应用，它使用 TinyVue 组件库中的 Select、Grid 等组件。该商品管理应用默认会显示商品管理的表格，并且已经实现了条件查询商品，添加、删除商品和保存商品等功能。但此应用目前不支持 AI 大模型的操作，比如打开智能助手，发送的信息不会正确执行。对接 TinyVue Next 智能框架的相关包，给 Select、Grid 等组件添加业务描述后，让智能助手等功能可以遥控操作网页。

原创 TinyVue 智能组件库：基于 MCP 协议，实现 AI 代替人操作 Web 组件

我们这项技术是基于标准的 MCP 协议实现的，因此在分享这项技术之前有必要先简单介绍下 MCP 的概念。MCP 全称是模型上下文协议（Model Context Protocol），它定义了大语言模型与外部世界的交互方式，让大模型能够轻松地获取外部数据或调用外部工具。图片来源于网络MCP Host宿主：它是 MCP Client 的运行时环境，负责协调用户、大模型与外部资源之间的交互。

原创 OpenTiny训练营实操|使用TinyEngine低代码引擎AI能力搭建华为云官网首页

低代码引擎TinyEngine使能开发者定制低代码平台。它是低代码平台的底座，提供可视化搭建页面等基础能力，既可以通过线上搭配组合使用，也可以通过下载源码进行二次开发，实时定制出自己的低代码平台。适用于多场景的低代码平台开发，如：资源编排、服务端渲染、模型驱动、移动端、大屏端、页面编排等。TinyEngine 是OpenTiny 团队2023年开源的一个低代码引擎。。欢迎大家 Star 和 提Issue、PR 进行反馈。。

原创 OpenTiny 体验官实操活动 | 快速体验 TinyVue 组件库的智能化交互能力

通过体验基于标准 MCP 协议的 Web 智能组件库——TinyVue，开发者可以了解 AI 智能体控制 TinyVue 智能组件的各类行为。本次实验主要是在 TinyVue 官网上，开发者能够通过 AI 对话框，以语音或文字方式与网站组件进行互动，并且还能借助 VSCode Copilot、Cursor 等 IDE 工具，Dify、Coze 等智能体平台来操作这些组件。通过 AI 对话框操作组件（如表格、电商管理页面）。使用手机遥控器进行语音交互。

原创 TinyEngine2.6版本焕新发布：实现页面树折叠！设计器 UI 及多项功能点升级！

TinyEngine低代码引擎使开发者能够定制低代码平台。它是低代码平台的底座，提供可视化搭建页面等基础能力，既可以通过线上搭配组合，也可以通过cli创建个人工程进行二次开发，实时定制出自己的低代码平台。适用于多场景的低代码平台开发，如：资源编排、服务端渲染、模型驱动、移动端、大屏端、页面编排等。近期，我们正式推出TinyEngine v2.6版本，希望能够给大家带来更好的使用体验，满足大家日益增长的各种需求。（欢迎 Star ⭐）@zzerX@1degrees。

原创 HDC 2025|仰望星空，低头看路！OpenTiny再启航，持续打造前端智能化解决方案

随着最后一场活动落下帷幕，为期3天的 HDC 华为开发者大会在东莞松山湖成功收官。这场旗舰级盛会汇聚了全球开发者、技术专家和行业领袖，为推动科技创新、构建智慧未来的新商业蓝图注入了全新动力，也为参会者呈现出一场精彩绝伦的知识与交流盛宴。在大会主论坛上，众多行业大咖发表主题演讲，分享了他们在各自领域的深入见解与实践经验。

原创 直播分享|从零开始读懂TinyEngine代码结构，理清设计意图

原创 开源之夏·西安电子科技大学站精彩回顾：OpenTiny开源技术下沉校园，点燃高校开发者技术热情

开源之夏2025编程活动正在如火如荼的进行中，当前也迎来了报名的倒计时阶段，开源之夏组织方也通过高校行系列活动进入各大高校，帮助高校开发者科普开源文化、开源活动、开源技术。

原创 开源之夏报名倒计时2天！还有9个前端任务有余位，快来申请吧~

本赛题旨在实现TinyEngine设计器对TypeScript的支持，包括出码、Schema、输入代码等，提高开发效率和代码质量。

原创 TinyVue v3.23.0 正式发布：增加 NumberAnimation 数字动画组件、支持全局配置组件的 props

本文由体验技术团队Kagol原创。我们非常高兴地宣布，2025年5月15日，TinyVue 发布了 v3.23.0 🎉。详细的 Release Notes 请参考：https://github.com/opentiny/tiny-vue/releases/tag/v3.23.0本次版本共有 13 位贡献者参与开发，其中 sakurajiajia / 552847957 是新朋友，欢迎新朋友的加入👏你可以更新进行体验！我们一起来看看都有哪些更新吧！

原创 直播分享|从新手到贡献者：手把手教你融入开源生态

5月22日晚19点资深全栈开发者小雨老师将带来《从新手到贡献者：手把手教你融入开源生态》的直播分享，欢迎大家一起加入OpenTiny直播间。

原创 TinyEngine 2.5版本正式发布：多选交互优化升级，页面预览支持热更新，性能持续跃升！

TinyEngine低代码引擎使开发者能够定制低代码平台。它是低代码平台的底座，提供可视化搭建页面等基础能力，既可以通过线上搭配组合，也可以通过cli创建个人工程进行二次开发，实时定制出自己的低代码平台。适用于多场景的低代码平台开发，如：资源编排、服务端渲染、模型驱动、移动端、大屏端、页面编排等。近期，TinyEngine v2.5版本带着新的功能和优化一起来咯~ 希望这次更新能为大家的使用带来更多的便利与惊喜。

原创 OpenTiny icons——超轻量的CSS图标库，引领图标库新风向

当需要使用设计师提供的SVG图标时，插件允许我们快速的自定义图标，比如在上面配置的节点中增加如下配置，就可以通过来显示一个图标了。custom: {/* ...其它自定义图标... */},详细用法可参考UnoCSS文档。

原创 连续3天！15大导师齐上阵！OpenTiny开源之夏项目宣讲会等你来

前端15大导师齐上阵！5月12日起，OpenTiny开源之夏项目宣讲会等你来看~助你赢取活动奖金。

原创 Node.js 技术原理分析系列9——Node.js addon一文通

开发者完成 addon 开发后，可以将其发布到各种仓库，供后续自己或其他开发者使用。不同于纯 JS 模块，addon 模块中有 C/C++代码，必须编译后才能使用。addon 开发者可以只发布 C/C++ 源码，让它在用户 npm install 装包的时候自动进行编译构建；也可以把编译产物也一起发布，让用户侧省去编译构建的步骤。如下图所示，是 addon 生命周期。其中，预构建是个可选环节，是否使用取决于 addon 开发者根据特定 addon 自身情况的选择。