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

原创 已于 2025-07-19 19:56:11 修改 · 125 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #开源 #OpenTiny #vue

于 2025-05-12 14:49:39 首次发布

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

OpenTiny社区
关注
8000-12000奖金等你拿，OpenTiny 开源之夏10大导师齐上阵，带你立刻get 项目详情！！！
OpenTiny的博客
05-15 420
OpenTiny 是一套企业级 Web 前端开发解决方案，提供跨端、跨框架、跨版本的 TinyVue 组件库，包含基于 Angular+TypeScript 的 TinyNG 组件库，拥有灵活扩展的低代码引擎 TinyEngine，具备主题配置系统TinyTheme / 中后台模板 TinyPro/ TinyCLI 命令行等丰富的效率提升工具，可帮助开发者高效开发 Web 应用。直播过程中，我们还将提供实时互动环节，你可以通过弹幕、评论等方式提问，嘉宾和主持人将为你一一解答。
报名倒计时两周|2024 OpenTiny 开源之夏项目直播解读回顾
OpenTiny的博客
05-21 1294
目前TinyVue的Grid表格组件并没有将组件逻辑拆分成renderless函数，后续无法扩展到其他前端框架中，因此需要对Grid组件进行重构，将组件逻辑抽离成renderless。完成重构之后，还需要基于目前的虚拟滚动进行优化，优化大数据场景下树表、单元格编辑、行列拖拽等场景的功能和性能，实现动态高度的虚拟滚动、树表懒加载等特性。
OpenTiny开源之夏编程达人集结令：4月30日正式上线，寻找最强代码战士！
OpenTiny的博客
04-29 1249
本次 OpenTiny 一共有10个项目，包含4个基础类及6个进阶类赛题。大家可以根据自己感兴趣的项目参与报名。进入开源之夏官网-》查看项目-》搜索 OpenTiny。
开源之夏·西安电子科技大学站精彩回顾：OpenTiny开源技术下沉校园，点燃高校开发者技术热情
OpenTiny的博客
06-07 1113
开源之夏2025编程活动正在如火如荼的进行中，当前也迎来了报名的倒计时阶段，开源之夏组织方也通过高校行系列活动进入各大高校，帮助高校开发者科普开源文化、开源活动、开源技术。
参与开源之夏 x OpenTiny 跨端跨框架 UI 组件库贡献，可以赢取奖金！这份《OpenTiny 开源贡献指南》请收好！
kagol的博客
04-16 364
本文主要手把手教大家参与 OpenTiny 开源项目。 从阅读项目的 README 文档了解项目是什么，到尝试使用 OpenTiny，再到通过阅读贡献指南文档，将项目启动起来，再到介绍 OpenTiny 项目目录和基本原理，最后是通过带大家分析和解决项目中实际的用户问题，走完整个贡献的流程。 为大家后续参与 OpenTiny 更多贡献做一个指引和入门。
10W大奖等你瓜分，OpenTiny CCF开源创新大赛报名火热启动！
OpenTiny的博客
06-14 401
赶快行动吧，OpenTiny CCF开源创新大赛等你来战！4️⃣ 提升职业竞争力，为未来铺设更宽广的道路。3️⃣ 结交志同道合的伙伴，共筑技术梦想。5️⃣ 赢取丰厚奖金与业界认可，荣耀加冕！（觉得还不错的话欢迎Star支持哦！1️⃣ 探索开源文化，拓宽技术视野。2️⃣ 实战锤炼，技术能力飞速提升。
开源之夏报名倒计时2天！还有9个前端任务有余位，快来申请吧~
OpenTiny的博客
06-07 688
本赛题旨在实现TinyEngine设计器对TypeScript的支持，包括出码、Schema、输入代码等，提高开发效率和代码质量。
OpenTiny CCF开源创新大赛赛事指南，助力你赢取10W赛事奖金
OpenTiny的博客
06-17 873
1、项目介绍OpenTiny 是一套企业级 Web 前端开发解决方案，提供跨端、跨框架、跨版本的 TinyVue 组件库，包含基于 Angular+TypeScript 的 TinyNG 组件库，拥有灵活扩展的低代码引擎 TinyEngine，具备主题配置系统TinyTheme / 中后台模板 TinyPro/ TinyCLI 命令行等丰富的效率提升工具，可帮助开发者高效开发 Web 应用。2、赛题设计目的（1）旨在让开发者基于组件库或低代码引擎进行应用生态开发。
OpenTiny CCF开源创新大赛赛事指南来啦，助力你赢取10W赛事奖金
华为云官方博客
08-12 1472
OpenTiny 是一套企业级 Web 前端开发解决方案，提供跨端、跨框架、跨版本的 TinyVue 组件库。
开源项目分享.docx
07-24
开源项目通常会遵循一种或多种开源许可证，确保用户在合理范围内享有自由使用、复制、修改和分发软件的权利。 #### 二、前端与UI设计 **1. draw-a-ui** - **简介**: 结合了tldraw开源数字画板和GPT-4-Vision API的...
0基础玩转OpenTiny跨框架组件库
03-09
### OpenTiny跨框架组件库详解 #### 一、OpenTiny简介 OpenTiny是一套由华为云推出的开源企业级组件库解决方案，旨在简化Web应用的开发流程。它支持多个前端技术栈，包括Vue2/Vue3/Angular，并且能够适应PC端及...
TinyVue 是 OpenTiny 社区的企业级 UI 组件库，支持 Vue.js 2 和 Vue.js 3，支持 PC 和移动端 .zip
12-01
企业级 UI 组件库，支持 Vue.js 2 和 Vue.js 3，支持 PC 和移动端。English |简体中文 特点104 个干净、易于使用且功能强大的组件。 一份代码，同时支持 Vue.js 2 和 Vue.js 3。️一个代码，支持PC和手机。 支持国际...
vue3项目练习大全（附github源码）
热门推荐
前端-尔嵘
02-24 1万+
vue慢慢的成为了前端最受欢迎的框架之一，在很多项目之中开发都能用得到，如今也已经发展到3.0了，可能是因为这个框架可以提高工作效率，因此受到大家的追捧，在之前的文章里面也说过，2019年，大前端学习小程序和vue是必备技能。如果在平时的工作里，有些公司用不到这两项技能，那你也要在业余的时间里面，找一些教程和练手的vue小项目。：vue3 + vuex + typescript + webpack + vant-ui + axios + less + postcss-pxtorem(rem适配)
2024年，12个最值得关注的Vue开源 UI组件库
xiangzhihong8的专栏
08-10 1458
从2014年发布到今年，Vue正好走过了10年，这10年也正好是前端发展的巨变之年，各种新的技术、框架、UI库 都层出不穷，今天我们来盘点一下2024年有哪些值得关注的 vue UI组件库。
ruoyi集成camunda实现bpmn在线设计器
xrl2012的专栏
12-03 364
摘要： 本文介绍了如何在RuoYi-Vue2前端集成Camunda BPMN在线设计器，实现流程建模功能。通过npm安装bpmn-js等依赖包，配置vue.config.js解决转译和别名问题，并提供了测试页面代码示例。页面包含导入/导出XML/SVG、流程检查、部署等功能，支持BPMN流程设计器的初始化和基本操作。环境要求包括JDK 1.8+、MySQL 5.7+、Node 23+等。完整方案可参考若依工作流。
openEuler + Nginx 高性能 Web 服务深度评测
最新发布
笃行其道的博客
12-03 773
本文介绍了在openEuler操作系统上部署Nginx集群的性能测试方案。通过优化内核参数、资源限制和系统调优，在32核64GB环境的华为云实例上进行八大维度的压测：静态文件服务测试显示小文件QPS达23万+，大文件传输速率13.97GB/s；反向代理性能测试QPS23万；HTTPS测试降幅仅16%；长连接测试QPS8.6万；压缩测试显示99%压缩率；极限测试支撑10万+并发。测试结果表明，openEuler的网络/I/O优化与Nginx事件驱动架构完美结合，CPU利用率96%且内存占用<10%，延迟
【前端知识】从前端请求到后端返回：Gzip压缩全链路配置指南
wendao76的专栏
12-03 670
本文详细介绍了Gzip压缩的全链路配置流程，从前端请求到后端返回的完整实现方案。前端需通过Accept-Encoding: gzip声明支持压缩，后端根据请求头、响应类型和大小判断是否压缩，并返回Content-Encoding: gzip响应头。文章提供了浏览器、JavaScript、命令行工具等多种前端场景的配置示例，以及Nginx、Apache、Node.js和Spring Boot等主流后端技术的Gzip配置方法。通过合理配置Gzip压缩，可显著减少网络传输数据量，提升Web应用性能。
如何在Vue3中使用组合式API？
只会写bug
12-02 986
Vue3组合式API通过<script setup>语法糖简化开发流程，无需手动导出组件。核心特性包括：使用ref处理基本类型响应式数据，reactive处理对象/数组，toRefs保持解构响应式。生命周期钩子如onMounted需按需导入，计算属性computed用于派生值，方法直接定义即可在模板调用。这些特性使代码更集中、复用更灵活，适合现代前端开发需求。
WebRTC 核心技术:P2P 打洞原理
yk_18的博客
12-03 632
P2P打洞技术是WebRTC实现点对点直连的关键，它通过巧妙利用STUN服务器"欺骗"NAT设备。当两台设备处于不同内网时，首先通过公网服务器交换地址信息，然后互相发送UDP包建立NAT映射关系。虽然UDP打洞在锥型NAT下效果良好，但对称型NAT需要降级使用TURN服务器中转。保持连接需要定期发送心跳包防止NAT映射过期。理解这一底层原理有助于解决WebRTC连接中的各类异常问题。
OpenTiny开发
03-10
<think>好的，我需要帮助用户了解如何使用OpenTiny进行开发，并提供示例教程。首先，我需要整理用户提供的引用内容，提取关键信息。根据引用1，用户需要访问GitHub仓库获取代码；引用2提到OpenTiny与开发者交流密切，可能涉及社区支持；引用3和4提到低代码生态和嵌套路由等新特性。 接下来，用户要求开发指南和示例教程，我需要分步骤说明。首先，应该指导用户如何开始，比如安装和配置环境。然后，可能需要介绍核心功能，如组件库的使用，或者低代码工具TinyEngine。根据引用3，页面支持嵌套路由，可以作为一个示例。引用4提到的低代码生态，可以建议用户如何扩展组件或插件。 还要确保回答符合系统级指令：使用正确的中文和LaTeX格式，虽然当前问题可能不涉及数学公式，但需要保持结构清晰，生成相关问题。最后，检查引用标识是否正确添加在相关段落末尾。</think># OpenTiny 开发指南与示例教程 ## 一、环境搭建 1. **获取源码** 通过Git克隆仓库或下载发行版： ```bash git clone https://github.com/opentiny/tiny-engine.git ``` 建议选择最新稳定版本（如v2.2.0）[^3] 2. **依赖安装** 使用pnpm管理依赖： ```bash pnpm install ``` ## 二、核心功能开发 ### 1. 组件库集成 ```javascript // 引入Button组件 import { TiButton } from &#39;@opentiny/vue&#39;; export default { components: { TiButton }, template: `<ti-button type="primary">提交</ti-button>` } ``` 支持主题定制能力，可通过SCSS变量覆盖默认样式[^1] ### 2. 低代码开发实践 通过TinyEngine实现可视化搭建： ```yaml # 页面路由配置示例 routes: - path: &#39;/nested&#39; component: Layout children: - path: &#39;profile&#39; component: ProfilePage ``` 支持嵌套路由配置 ## 三、生态扩展方法 1. **新增组件物料** ```javascript // 注册自定义组件 TinyEngine.ComponentRegistry.register({ name: &#39;custom-chart&#39;, schema: { // 组件属性定义 } }); ``` 2. **AI辅助开发** 结合IDE插件实现智能代码提示，支持自然语言转组件配置[^4] ## 四、调试与部署 ```bash # 启动开发服务器 pnpm dev # 构建生产包 pnpm build ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值