OpenTiny的博客

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

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

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

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

原创 焕然一新！TinyVue 组件库 UI 大升级，更符合现代的审美！

本文由体验技术团队Kagol原创。自从 TinyVue 组件库去年开源以来，一直有小伙伴反馈我们的 UI 不够美观，风格陈旧，不太满足现阶段审美。“TinyVue 给我的感觉就是一个没啥审美能力、但是很努力的老程序员开发的”看到这个评价，我是哭笑不得，一方面对小伙伴们真诚、友好的反馈充满感激，另一方面也为我们没有做好 UI 感到惭愧。

原创 活动回顾|体验技术大会暨OpenTiny技术交流茶话会圆满结束~

在这里，开发者们纷纷就自己在开发过程中遇到的问题和心得进行了分享和讨论，例如：“TinyEngine物料管理，包括第三方组件的增加有没有简化维护的功能扩展计划”、“低代码下如何编写一些带有复杂逻辑的页面，比如需要store存取数据”、“TinyEngine目前支持导入第三方基础组件库，是否也能支持导入基于第三方组件库封装的业务组件库，进一步简化页面搭建”、“TinyVue组件库在使用上存在视觉小问题，如：图标和文字没有中线对齐，表单组件图标被压扁的情况，希望及时修复”等。想你的风还是吹到了坂田基地~

原创 Fluent Editor 富文本开源2个月的总结：增加格式刷、截屏、TypeScript 类型声明等新特性

本文由体验技术团队Kagol原创。Fluent Editor 是一个基于 Quill 2.0 的富文本编辑器，在 Quill 基础上扩展了丰富的模块和格式，框架无关、 功能强大、开箱即用。2024年8月12日，Fluent Editor 正式开源！

原创 华为云开发者日南京站重磅启幕，OpenTiny邀您一起线下体验TinyEngine低代码引擎插件化开发~

金秋十月，相遇程序员节10月25日技术狂欢不停歇重磅启幕深度展示等技术的强大实力更有丰富的体验之旅、开发者荣誉殿堂等精彩环节这是一场属于开发者的狂欢让我们相约南京共同见证这场技术盛宴的辉煌时刻!OpenTiny 在此次华为云开发者日南京站中，参与体验官环节，欢迎开发者们尽情体验项目。

原创 实操上手TinyEngine低代码引擎插件化开发

本实验主要通过体验使用TinyEngine几行命令快速创建一个用户专属低代码设计器，及通过开发一个新的侧边栏插件， 帮助开发者快速了解基于TinyEngine二次开发定制的能力。

原创 OpenTiny 邀你一起参与线下技术交流茶话会！

原创 【PPT】TinyEngine 低代码引擎系列课第三讲课件分享

本期主题为：解锁TinyEngine无限可能，从0到1打造多领域低代码设计器实战。伍其和老师将利用TinyEngine 的灵活定制能力，从实战出发，带大家一步步了解如何打造多领域多场景的低代码平台。

原创 茶思屋直播|TinyEngine+AI：聚焦主航道，在实践中探索低代码技术黑土地

低代码引擎使能开发者定制低代码平台。它是低代码平台的底座，提供可视化搭建页面等基础能力，既可以通过线上搭配组合，也可以通过cli创建个人工程进行二次开发，实时定制出自己的低代码平台。适用于多场景的低代码平台开发，如：资源编排、服务端渲染、模型驱动、移动端、大屏端、页面编排等。9月19日17点，华为云前端工程师，体验技术团队TinyEngine 项目成员李锦浩老师，将为大家带来#茶思一小时#TinyEngine低代码引擎揭秘系列第4讲。

原创 前端 Vuer，为自己的项目搭建一个 Playwright 测试环境吧，给自己多一点安全感！

本文由体验技术团队Kagol 原创如果你有以上困扰，推荐大家使用一款 E2E 测试神器：Playwright，新手友好，即使是初学者也能轻松学会！Playwright 是由微软开发的一款强大的自动化测试工具，旨在为现代Web应用程序提供全面的端到端（E2E）测试解决方案。它支持主流浏览器，包括 Google Chrome、Microsoft Edge、Mozilla Firefox 和 Apple Safari，并且能够在 Windows、macOS 和 Linux 平台上运行。

原创 有奖问卷调研|OpenTiny给你送天命人好礼啦！

现在起至9月20日，填写你对于 OpenTiny 项目的真实使用情况，我们会根据问卷内容，针对填写优质问卷的小伙伴赠送相应礼物~活动结束后，工作人员将对问卷进行人工审核，审核通过后，将会联系您获得奖品收货地址~欢迎加入 OpenTiny 开源社区。（欢迎 Star ⭐）（欢迎 Star ⭐）一起参与交流前端技术～

原创 感谢 Fluent Editor 开源富文本首位贡献者！

本文由体验技术团队Kagol原创。2024年8月20日，刚开源一周的富文本 Fluent Editor 迎来了第一位贡献者：zzxming。

原创 Monorepo：让你的项目脱胎换骨，既能代码复用，又能独立部署！

本文主要给大家分析了 Monorepo 方式组织项目代码的好处，以及不使用 Monorepo 可能带来的麻烦；然后以一个 Vite + Vue3 项目为例，手把手带大家一起将它改造成 Monorepo 项目；在此基础上，如何扩展一个新项目，并且新项目技术栈用的是 React，却可以和原来的 Vue 项目共同代码逻辑。别犹豫了，动手实践起来吧！最近我们新开源了一个基于 Quill 2.0 的富文本编辑器：Fluent Editor。

原创 一直没找到一个合适的开源富文本？何不尝试下 Fluent Editor，一个基于 Quill 2.0 的富文本编辑器，功能强大，开箱即用！

本文主要从以下几个部分给大家进行分享。先是带大家快速上手使用 Fluent Editor 富文本然后是介绍开发中最常见的配置工具栏，共内置 27 种实用的工具栏按钮再介绍 Fluent Editor 的 11 个内置模块，并重点介绍表格模块的配置为例，介绍如何配置 Quill 生态模块最后介绍了如何在 Vue / React 框架中使用 Fluent Editor。

原创 【PPT】低代码浪潮之下 带你走进TinyEngine

（温馨提示：OpenTiny CCF开源创新大赛也在持续报名中，欢迎大家一起报名参赛，赢取10W奖金：）

原创 Vue Vine：带给你全新的 Vue 书写体验！

本文由体验技术团队Kagol原创。上个月和 TinyVue 的小伙伴们一起参加了 VueConf 24 大会，有幸认识沈青川大佬，并了解了他的 Vue Vine 项目，Vue Vine 让你可以在一个文件中通过函数方式定义多个 Vue 组件，同时可以使用所有 Vue 的模板特性。听起来是不是很酷！之前我写过 SFC，也写过 JSX 的 Vue 组件，两者各有缺点。Vue Vine 通过把两者的优点集合在一起，创造了一种全新的 Vue 组件书写方式。我们来一起体验下吧！

原创 操作ArkTS页面跳转及路由相关心得

在页面中写个@Builder@BuilderNavBar() {Flex({}) {Text('首页').fontSize(16)在build()build() {.title(this.NavBar) //

原创 OpenTiny HUICharts 正式开源发布，一个简单、易上手的图表组件库

用户可通过当前页面右侧的操作面板调整相应样式变量（如：字体、间距、各类颜色等）实时预览定制效果。

原创 TinyVue 组件库官网焕然一新！

本文由体验技术团队Kagol原创~之前有一些朋友吐槽我们 TinyVue 组件库的 UI 不够美观，于是我们请了设计师小姐姐给我们的组件和网站进行优化，经过设计师小姐姐和我们的开发兄弟们一个多月的努力，终于完成网站第一版的优化。

原创 参与OpenTiny征文活动，赢取500元开发者大礼包！

OpenTiny 是一套企业级 Web 前端开发解决方案，提供跨端、跨框架、跨版本的 TinyVue 组件库，包含基于 Angular+TypeScript 的 TinyNG 组件库，拥有灵活扩展的低代码引擎 TinyEngine，具备主题配置系统 TinyTheme / 中后台模板 TinyPro/ TinyCLI 命令行等丰富的效率提升工具，可帮助开发者高效开发 Web 应用。

原创 common-intellisense：助力TinyVue 组件书写体验更丝滑

本文由体验技术团队Kagol原创~前两天，common-intellisense 开源项目的作者 Simon-He95 在 VueConf 2024 群里发了一个重磅消息：common-intellisense 支持 TinyVue 组件库啦！common-intellisense 插件能够提供超级强大的智能提示功能，包含属性(props)、事件(events)、插槽(slots)以及对应的注释和类型，实例上的方法(methods)等等，支持多个UI库，让你的开发效率更上一层楼。

原创 Web前端浅谈ArkTS组件开发

本篇文章将从一个Web前端的视角出发，浅谈ArkTS组件开发的基础问题，比如属性传递、插槽、条件渲染等。

原创 TinyVue：与 Vue 交往八年的组件库

Vue 是开源的，与 Vue 交往的 TinyVue 也应该是开源的。但从自研走向开源的过程并不是一帆风顺，从最初的想法到最终落地，前后花了五年多。2023 年初，TinyVue 终于借助我们的开源网站（https://opentiny.design/） 正式与大家见面。回想这八年对 Vue 的坚持，也是自己对前端框架的坚持。

原创 茶思屋直播|向下扎根，向上生长，TinyEngine 灵活构建个性化低代码平台

低代码引擎使能开发者定制低代码平台。它是低代码平台的底座，提供可视化搭建页面等基础能力，既可以通过线上搭配组合，也可以通过cli创建个人工程进行二次开发，实时定制出自己的低代码平台。适用于多场景的低代码平台开发，如：资源编排、服务端渲染、模型驱动、移动端、大屏端、页面编排等。7月18日17点，华为云前端工程师，体验技术团队TinyEngine 项目成员王文敏老师，将为大家带来#茶思一小时#TinyEngine低代码引擎揭秘系列第2讲。

原创 TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！

本文由体验技术团队Kagol老师原创~我们非常高兴地宣布，2024年6月26日，TinyVue 发布了 v3.17.0 🎉。TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们重构了 chart-core，新增 CircleProcessChart 圆环进度图等6个新的图表组件，并增加了 Statistic 数据统计组件。表格图片超链接复制粘贴插入表情文件上传@提醒斜杆菜单v-auto-tip。

原创 10个JavaScript One-Liners让初学者看起来很专业

希望这些单行代码技巧，可以帮助你提升你的 JavaScript 技能。虽然，单行代码是不错的技巧，但也需要谨慎使用，以确保在实际应用中代码的清晰性和可维护性。请持续关注后续内容，我们将更深入地探讨 JavaScript 概念（如有侵权，请联系删除）

原创 Renderless 思想正在影响前端开发

框架：如 React、Vue、Angular、Svelte、Ember 等。平台：如 鸿蒙、Android、iOS、小程序、快应用、H5 等。设备：如 PC、移动设备、车载设备等。多元化的需求场景，对前端工程师的要求也是越来越高，他们必须掌握 2 种以上的编程语言或者开发框架，不然就很难胜任跨端应用开发的岗位。前端开发工程师的开发日常，也因此变得愈发复杂。在如此严峻的前端大环境下，无渲染组件(Renderless Components[1])的概念在开发者社区逐渐兴起，频繁出现在各类流行框架中。

原创 7月6日 VueConf 技术大会即将在深圳举办

7月6日，VueConf 2024 即将在深圳召开，本次大会正值 Vue.js 十周年，旨在聚焦 Vue.js 社区的成员，分享最新的技术动态、经验以及创新实践。本次参与 VueConf 大会的是来自全球 Vue.js 核心团队成员、行业专家及前端开发者。其中，Vue.js 的作者尤雨溪也将亲临现场并发表主题演讲。当然，OpenTiny 团队也将参与本次 VueConf 大会与各位开发者展开深度交流，也希望能与大家共同推进 Vue 开源社区生态的成长。

原创 直播分享|TinyVue 组件库主题适配原理与实战

在前端开发过程中，不同的项目可能需要不同的设计风格。而了解组件库的主题适配功能，也可以帮助开发者轻松定制独特的主题风格，从而满足各种设计需求。因此6月27日晚19点，体验技术团队 TinyVue 项目成员岑灌铭老师将为大家带来以《TinyVue 组件库主题适配原理与实战》为主题的分享，届时将与大家共同探讨主题适配的内容概述及方案详解。

原创 OpenTiny CCF开源创新大赛赛事指南，助力你赢取10W赛事奖金

1、项目介绍OpenTiny 是一套企业级 Web 前端开发解决方案，提供跨端、跨框架、跨版本的 TinyVue 组件库，包含基于 Angular+TypeScript 的 TinyNG 组件库，拥有灵活扩展的低代码引擎 TinyEngine，具备主题配置系统TinyTheme / 中后台模板 TinyPro/ TinyCLI 命令行等丰富的效率提升工具，可帮助开发者高效开发 Web 应用。2、赛题设计目的（1）旨在让开发者基于组件库或低代码引擎进行应用生态开发。

原创 10W大奖等你瓜分，OpenTiny CCF开源创新大赛报名火热启动！

赶快行动吧，OpenTiny CCF开源创新大赛等你来战！4️⃣ 提升职业竞争力，为未来铺设更宽广的道路。3️⃣ 结交志同道合的伙伴，共筑技术梦想。5️⃣ 赢取丰厚奖金与业界认可，荣耀加冕！（觉得还不错的话欢迎Star支持哦！1️⃣ 探索开源文化，拓宽技术视野。2️⃣ 实战锤炼，技术能力飞速提升。

原创 快速入门 TinyVue 组件库一键换肤！get“多主题适配”技能

本实操内容通过实现 TinyVue 中 Button 组件和 Alert 的类 element 主题适配，让开发者感受到 TinyVue 跨设计规范的亮点特性

原创 使用 TinyEngine 低代码引擎实现三方物料集成

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

原创 直播分享|深入解析ts-morph：通过注释生成类型文档

热衷于折腾的开源爱好者、OpenTiny Vue贡献者、Hello-CTF贡献者。

原创 TinyEngine 低代码引擎：带你5分钟高效构建游戏登录界面

本文由体验技术团队 TinyEngine 项目成员李旭宏创作，欢迎大家实操体验，本体验项目基于 TinyEngine 低代码引擎提供的环境，通过体验简单拖、拉、拽的形式帮助开发者快速了解低代码引擎的使用流程，达到快速开发游戏登录界面的效果。

原创 直播预告：TinyVue 组件库实战解析，提升组件库构建技能！

在复杂的编码世界里，大家总希望能够寻找更高效、更简洁的解决方案来优化工作流程，提升开发效率。在5月28日晚7点 OpenTiny B站直播间，OpenTiny 非常荣幸地为大家带来一场关于 TinyVue 组件库实战分享的直播。届时，TinyVue 组件库成员阿健老师将与大家深入探讨 TinyVue 组件库的关键技术，同时针对开发者对 TinyVue 组件库提出的相关问题做出详细解答，帮助开发者更容易理解并使用 TinyVue 组件库。

原创 报名倒计时两周|2024 OpenTiny 开源之夏项目直播解读回顾

目前TinyVue的Grid表格组件并没有将组件逻辑拆分成renderless函数，后续无法扩展到其他前端框架中，因此需要对Grid组件进行重构，将组件逻辑抽离成renderless。完成重构之后，还需要基于目前的虚拟滚动进行优化，优化大数据场景下树表、单元格编辑、行列拖拽等场景的功能和性能，实现动态高度的虚拟滚动、树表懒加载等特性。

原创 8000-12000奖金等你拿，OpenTiny 开源之夏10大导师齐上阵，带你立刻get 项目详情！！！

OpenTiny 是一套企业级 Web 前端开发解决方案，提供跨端、跨框架、跨版本的 TinyVue 组件库，包含基于 Angular+TypeScript 的 TinyNG 组件库，拥有灵活扩展的低代码引擎 TinyEngine，具备主题配置系统TinyTheme / 中后台模板 TinyPro/ TinyCLI 命令行等丰富的效率提升工具，可帮助开发者高效开发 Web 应用。直播过程中，我们还将提供实时互动环节，你可以通过弹幕、评论等方式提问，嘉宾和主持人将为你一一解答。

原创 开发者体验活动|TinyEngine 低代码引擎：带你5分钟快速构建游戏登录界面

OpenTiny 是一套企业级 Web 前端开发解决方案，提供跨端、跨框架、跨版本的 TinyVue 组件库，包含基于 Angular+TypeScript 的 TinyNG 组件库，拥有灵活扩展的低代码引擎 TinyEngine，具备主题配置系统TinyTheme / 中后台模板 TinyPro/ TinyCLI 命令行等丰富的效率提升工具，可帮助开发者高效开发 Web 应用。点击链接，选择实践项目5——体验 TinyEngine 低代码引擎项目——进入云声平台提出体验建议。赶快叫上小伙伴一起来体验吧～