- 本文由TinyEngine低代码源码转换功能贡献者张珈瑜原创。 背景当前主流低代码平台普遍采用“单向出码”模式，仅支持将 DSL（Domain Specific Language，领域特定语言）转换为 Vue 或 React 源代码。一旦开发者在生成代码后手动修改了源码，平台通常无法将这些修改同步回可视化编辑器，导致代码与可视化配置割裂，严重影响开发效率与协同维护。本项目旨在构建低代码 Vu... 本文由TinyEngine低代码源码转换功能贡献者张珈瑜原创。 背景当前主流低代码平台普遍采用“单向出码”模式，仅支持将 DSL（Domain Specific Language，领域特定语言）转换为 Vue 或 React 源代码。一旦开发者在生成代码后手动修改了源码，平台通常无法将这些修改同步回可视化编辑器，导致代码与可视化配置割裂，严重影响开发效率与协同维护。本项目旨在构建低代码 Vu...
- 本文由龚昱帆同学原创。前言运行时渲染器用于在浏览器中直接渲染低代码 Schema，提供与“出码”并行的即时运行路径，可在设计阶段获得接近真实的交互与数据效果。1.启动流程与案例讲解下面用一个非常简单的示例页面，串联起从 Schema 到运行时渲染的完整流程。这个页面包含：一段提示文案；一个显示计数的按钮；点击按钮时，计数加一。1.1 环境准备确保已拉取包含 runtime-renderer ... 本文由龚昱帆同学原创。前言运行时渲染器用于在浏览器中直接渲染低代码 Schema，提供与“出码”并行的即时运行路径，可在设计阶段获得接近真实的交互与数据效果。1.启动流程与案例讲解下面用一个非常简单的示例页面，串联起从 Schema 到运行时渲染的完整流程。这个页面包含：一段提示文案；一个显示计数的按钮；点击按钮时，计数加一。1.1 环境准备确保已拉取包含 runtime-renderer ...
- 本文由周天意同学原创。一般的多人协作业务需求一般是针对文档，表格或者是制图之类的，场景比较简单，协同操作的对象为文字或者图片，对象比较单一。乍一看低代码的多人协作看似无从下手，因为低代码不仅涉及到页面 canvas 中一些文字属性的同步，还涉及到组件拖拽，样式，绑定事件，高级属性，甚至是代码协同编辑的编辑与同步。那我们是如何在低代码这个场景下实现多人协同编辑的呢。TinyEngine低代码引... 本文由周天意同学原创。一般的多人协作业务需求一般是针对文档，表格或者是制图之类的，场景比较简单，协同操作的对象为文字或者图片，对象比较单一。乍一看低代码的多人协作看似无从下手，因为低代码不仅涉及到页面 canvas 中一些文字属性的同步，还涉及到组件拖拽，样式，绑定事件，高级属性，甚至是代码协同编辑的编辑与同步。那我们是如何在低代码这个场景下实现多人协同编辑的呢。TinyEngine低代码引...
- 本文由体验技术团队成员原创。1、大方向：合理规划产品演进形态，从+AI到AI+从业界AI Coding产品看：Codium -> WindSurfCodeium成立于2021年，推出编程助手Codium（现Qodo）；2024年11月，Exafunction Inc.（原Codeium）推出了Windsurf Editor，AI原生IDE，专注于通过智能协作和自动化提升软件开发效率。Mars... 本文由体验技术团队成员原创。1、大方向：合理规划产品演进形态，从+AI到AI+从业界AI Coding产品看：Codium -> WindSurfCodeium成立于2021年，推出编程助手Codium（现Qodo）；2024年11月，Exafunction Inc.（原Codeium）推出了Windsurf Editor，AI原生IDE，专注于通过智能协作和自动化提升软件开发效率。Mars...
- 本文由TinyEngine低代码物料导入功能贡献者张筠同学原创。引言：低代码物料接入的痛点与解决方案在低代码平台开发中，物料接入是核心环节之一。传统物料接入依赖开发者手动编写符合平台协议的 JSON 配置，不仅效率低下，还容易因人为失误导致兼容性问题 —— 尤其是面对海量 UI 组件时，重复的人工操作会大幅拖慢开发进度。为解决这一痛点，我们开发了 TinyEngine 低代码物料自动导入工具... 本文由TinyEngine低代码物料导入功能贡献者张筠同学原创。引言：低代码物料接入的痛点与解决方案在低代码平台开发中，物料接入是核心环节之一。传统物料接入依赖开发者手动编写符合平台协议的 JSON 配置，不仅效率低下，还容易因人为失误导致兼容性问题 —— 尤其是面对海量 UI 组件时，重复的人工操作会大幅拖慢开发进度。为解决这一痛点，我们开发了 TinyEngine 低代码物料自动导入工具...
- 、 3 骨架屏和Loading状态管理：让等待变得不那么焦虑用户打开页面看到白屏，心里会想什么？“这网站是不是挂了？”、“我的网络有问题吗？”、“要不要刷新一下？”这种焦虑感会在3秒内达到顶峰。如果这时候还是白屏，用户很可能就直接关掉了。骨架屏就是为了解决这个问题而生的。它不能让页面加载更快，但能让用户感觉没那么慢。研究数据显示，合理使用骨架屏可以让用户感知的加载速度提升20-30%。 3.... 、 3 骨架屏和Loading状态管理：让等待变得不那么焦虑用户打开页面看到白屏，心里会想什么？“这网站是不是挂了？”、“我的网络有问题吗？”、“要不要刷新一下？”这种焦虑感会在3秒内达到顶峰。如果这时候还是白屏，用户很可能就直接关掉了。骨架屏就是为了解决这个问题而生的。它不能让页面加载更快，但能让用户感觉没那么慢。研究数据显示，合理使用骨架屏可以让用户感知的加载速度提升20-30%。 3....
- 2 首屏速度优化的其他实用技巧前面我们讲了减少资源体积的方法，这次聊聊另外两个收效不错的优化方向。虽然效果可能没有减少体积那么立竿见影，但在特定场景下还是很有价值的，特别是在用户体验的细节打磨上。 2.1 数据并行加载：让接口请求不再排队等待数据加载的并行化和接口合并可以减少网络请求的延迟，提升首屏渲染速度。这个优化在数据量大、接口多的项目中效果比较明显。 并行数据加载很多时候我们习惯性地... 2 首屏速度优化的其他实用技巧前面我们讲了减少资源体积的方法，这次聊聊另外两个收效不错的优化方向。虽然效果可能没有减少体积那么立竿见影，但在特定场景下还是很有价值的，特别是在用户体验的细节打磨上。 2.1 数据并行加载：让接口请求不再排队等待数据加载的并行化和接口合并可以减少网络请求的延迟，提升首屏渲染速度。这个优化在数据量大、接口多的项目中效果比较明显。 并行数据加载很多时候我们习惯性地...
- 本文由TinySpace组件贡献者夏雯斐同学原创。前言近期，TinyVue正式发布 v3.27.0版本，这次版本更新也增加了很多新特性，space组件就是其中比较重要的一个特性。Space组件 是 OpenTiny Vue组件库中的一个布局容器组件，用于在子元素之间提供灵活的间距控制。它支持水平与垂直方向排列、自动换行、对齐与分布控制、以及顺序调整等功能，能帮助开发者轻松实现响应式、整齐的组... 本文由TinySpace组件贡献者夏雯斐同学原创。前言近期，TinyVue正式发布 v3.27.0版本，这次版本更新也增加了很多新特性，space组件就是其中比较重要的一个特性。Space组件 是 OpenTiny Vue组件库中的一个布局容器组件，用于在子元素之间提供灵活的间距控制。它支持水平与垂直方向排列、自动换行、对齐与分布控制、以及顺序调整等功能，能帮助开发者轻松实现响应式、整齐的组...
- 本文由曹里林同学原创。简介TinyEditor 是一个框架无关的富文本编辑器，既可以在原生 JavaScript 项目中使用，也可以在 Vue、React 等前端框架中使用。本篇文章带来的是如何使用 TinyEditor 最新的协同编辑模块快速部署多人实时协作编辑。前端集成1、安装TinyEditor首先需要安装 TinyEditorpnpm i @opentiny/fluent-edito... 本文由曹里林同学原创。简介TinyEditor 是一个框架无关的富文本编辑器，既可以在原生 JavaScript 项目中使用，也可以在 Vue、React 等前端框架中使用。本篇文章带来的是如何使用 TinyEditor 最新的协同编辑模块快速部署多人实时协作编辑。前端集成1、安装TinyEditor首先需要安装 TinyEditorpnpm i @opentiny/fluent-edito...
- 移动端开发-体检预约1. 体检预约流程用户可以通过如下操作流程进行体检预约：1、在移动端首页点击体检预约，页面跳转到套餐列表页面2、在套餐列表页面点击要预约的套餐，页面跳转到套餐详情页面3、在套餐详情页面点击立即预约，页面跳转到预约页面4、在预约页面录入体检人信息，包括手机号，点击发送验证码5、在预约页面录入收到的手机短信验证码，点击提交预约，完成体检预约2. 体检预约2.1 页面调整在预约... 移动端开发-体检预约1. 体检预约流程用户可以通过如下操作流程进行体检预约：1、在移动端首页点击体检预约，页面跳转到套餐列表页面2、在套餐列表页面点击要预约的套餐，页面跳转到套餐详情页面3、在套餐详情页面点击立即预约，页面跳转到预约页面4、在预约页面录入体检人信息，包括手机号，点击发送验证码5、在预约页面录入收到的手机短信验证码，点击提交预约，完成体检预约2. 体检预约2.1 页面调整在预约...
- 移动端开发-体检预约1. 体检预约流程用户可以通过如下操作流程进行体检预约：1、在移动端首页点击体检预约，页面跳转到套餐列表页面2、在套餐列表页面点击要预约的套餐，页面跳转到套餐详情页面3、在套餐详情页面点击立即预约，页面跳转到预约页面4、在预约页面录入体检人信息，包括手机号，点击发送验证码5、在预约页面录入收到的手机短信验证码，点击提交预约，完成体检预约2. 体检预约2.1 页面调整在预约... 移动端开发-体检预约1. 体检预约流程用户可以通过如下操作流程进行体检预约：1、在移动端首页点击体检预约，页面跳转到套餐列表页面2、在套餐列表页面点击要预约的套餐，页面跳转到套餐详情页面3、在套餐详情页面点击立即预约，页面跳转到预约页面4、在预约页面录入体检人信息，包括手机号，点击发送验证码5、在预约页面录入收到的手机短信验证码，点击提交预约，完成体检预约2. 体检预约2.1 页面调整在预约...
- 前言OpenTiny HUICharts 是一套功能强大的前端可视化图表库，提供丰富的图表组件、支持 Vue、React、Angular 等主流前端框架，并内置多套主题且可灵活定制，同时完全兼容 ECharts API，使开发高性能、响应式的数据可视化应用变得简单便捷。RankProcessChart 基于 HUICharts 开发，专门用于展示排名及流程类数据的可视化效果，能够直观呈现复杂... 前言OpenTiny HUICharts 是一套功能强大的前端可视化图表库，提供丰富的图表组件、支持 Vue、React、Angular 等主流前端框架，并内置多套主题且可灵活定制，同时完全兼容 ECharts API，使开发高性能、响应式的数据可视化应用变得简单便捷。RankProcessChart 基于 HUICharts 开发，专门用于展示排名及流程类数据的可视化效果，能够直观呈现复杂...
- Vue.js 是一套基于 MVVM 模式的渐进式前端框架，核心聚焦视图层，兼具易学性与灵活性，可自底向上逐层应用于项目，既支持轻量引入也能驱动复杂单页应用，不支持 IE8 及以下版本，依赖 ES5 及以上特性。 其核心优势在于数据驱动与组件化。采用声明式渲染，通过{{}}插值表达式或v-text指令（解决闪烁问题）绑定数据；v-model实现表单元素与数据双向绑定，v-bind（可缩写为:）动态绑 Vue.js 是一套基于 MVVM 模式的渐进式前端框架，核心聚焦视图层，兼具易学性与灵活性，可自底向上逐层应用于项目，既支持轻量引入也能驱动复杂单页应用，不支持 IE8 及以下版本，依赖 ES5 及以上特性。 其核心优势在于数据驱动与组件化。采用声明式渲染，通过{{}}插值表达式或v-text指令（解决闪烁问题）绑定数据；v-model实现表单元素与数据双向绑定，v-bind（可缩写为:）动态绑
- 纯属我个人意见，不喜勿喷! 呵呵呵~~ 纯属我个人意见，不喜勿喷! 呵呵呵~~
- 9 月 13–14 日，GOSIM Hangzhou 2025 在杭州隆重启幕。本次大会由 GOSIM 全球开源创新汇主办、CSDN 承办，以国际化、社区化、强互动为特色，深入聚焦开源与 AI 的前沿技术与跨界创新。OpenTiny 受邀参与 GOSIM Hangzhou 2025「智能体互联网」主题论坛并设立展位，向 1500+ 全球开发者公开展示 OpenTiny NEXT 企业级前端智... 9 月 13–14 日，GOSIM Hangzhou 2025 在杭州隆重启幕。本次大会由 GOSIM 全球开源创新汇主办、CSDN 承办，以国际化、社区化、强互动为特色，深入聚焦开源与 AI 的前沿技术与跨界创新。OpenTiny 受邀参与 GOSIM Hangzhou 2025「智能体互联网」主题论坛并设立展位，向 1500+ 全球开发者公开展示 OpenTiny NEXT 企业级前端智...
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战，从0到1打通消息通道；码道鸿蒙端云一体化实战，快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第三期2026/08/21 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人；念擎-华为云AI开发者运营案例开发专家
本期直播内容：AI六层能力首次详细解读 + 新一代华为云开发者空间亮相 + 校园案例直播带练
回顾中 -
华为云开发者AI素养直播课·第四期2026/08/28 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人；吴松明-华为云AI开发者案例开发专家
EduSwarm 是一个基于多智能体框架构建的 AI 教师团队协作平台：把备课、上课、作业、批改、学情等教学环节，交给多位专职 AI Agent（课件师、出题官、批改师、学情分析师等）协作完成。教师从「亲力亲为」变成「做决策」，学生只需凭课堂码加入即可实时跟课。
回顾中
热门标签