组件库
0 人感兴趣 · 54 次引用
- 最新
- 推荐
![https://static001.geekbang.org/infoq/53/533b492599898233a5e2436ad269bcc6.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/53/533b492599898233a5e2436ad269bcc6.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
![https://static001.geekbang.org/infoq/d4/d4bb0cae7aafcf6db915b7268f342cf0.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/d4/d4bb0cae7aafcf6db915b7268f342cf0.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
common-intellisense:助力 TinyVue 组件书写体验更丝滑
有了 common-intellisense 的加持,我们一起来看看 TinyVue 组件的使用体验如何吧!
![https://static001.geekbang.org/infoq/ba/badd13ac89907ec18083b61b6ba687a9.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/ba/badd13ac89907ec18083b61b6ba687a9.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
TinyVue v3.17.0 正式发布,推出了一款基于 Quill 2.0 的富文本编辑器,功能强大、开箱即用!
本文由体验技术团队Kagol老师原创~我们非常高兴地宣布,2024年6月26日,TinyVue 发布了 v3.17.0 🎉。
![https://static001.geekbang.org/infoq/d8/d86db1a88a380092b31e073f3c984b4b.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/d8/d86db1a88a380092b31e073f3c984b4b.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
直播分享|TinyVue 组件库主题适配原理与实战
6月27日晚19点,体验技术团队 TinyVue 项目成员岑灌铭老师将为大家带来以《TinyVue 组件库主题适配原理与实战》为主题的分享,届时将与大家共同探讨主题适配的内容概述及方案详解。
![https://static001.geekbang.org/infoq/07/0766e5b6c8aee3cb6d258bf980309a6e.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/07/0766e5b6c8aee3cb6d258bf980309a6e.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
OpenTiny CCF 开源创新大赛赛事指南来啦,助力你赢取 10W 赛事奖金
本赛事围绕OpenTiny开源项目设计赛题,共包括2个基础任务和4个进阶任务,参赛团队可以选择完成1个或多个任务,最终将根据完成的任务数量、质量等综合评选一二三等奖。
![https://static001.geekbang.org/infoq/cd/cd17dddec26d0649b3cc9f504c99fd8b.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/cd/cd17dddec26d0649b3cc9f504c99fd8b.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
10W 大奖等你瓜分,OpenTiny CCF 开源创新大赛报名火热启动!
OpenTiny CCF开源创新大赛正式启幕!10W大奖等你瓜分
直播分享|深入解析 ts-morph:通过注释生成类型文档
直播主题:【深入解析ts-morph:通过注释生成类型文档】 6月1日(周六)晚19:30 与你一起相聚 OpenTiny B站直播间~ 干货满满,欢迎大家共同学习探讨!
![https://static001.geekbang.org/infoq/2c/2ce2baf4a119ba5d9d8c9282f76bbbc5.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/2c/2ce2baf4a119ba5d9d8c9282f76bbbc5.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
直播预告:TinyVue 组件库实战解析,提升组件库构建技能
5月28日晚7点 OpenTiny B站直播间,TinyVue 组件库成员阿健老师将与大家深入探讨 TinyVue 组件库的关键技术,同时针对开发者对 TinyVue 组件库提出的相关问题做出详细解答,帮助开发者更容易理解并使用 TinyVue 组件库。
![https://static001.geekbang.org/infoq/36/3650583276438ac94767af568ad3e899.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/36/3650583276438ac94767af568ad3e899.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
8000-12000 奖金等你拿,OpenTiny 开源之夏 10 大导师齐上阵,带你立刻 get 项目详情!!!
直播预告|8000-12000奖金等你拿,OpenTiny 开源之夏10大导师齐上阵,带你立刻get 项目详情!!!
![https://static001.geekbang.org/infoq/d5/d5c702a48d4dcda79a7931e007a19869.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/d5/d5c702a48d4dcda79a7931e007a19869.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
直播回顾|6 个实例带你解读 TinyVue 组件库跨框架技术
本期直播展开了组件库跨框架的讨论,同时针对TinyVue组件库的关键技术进行了剖析,并通过项目实战演示了一份源码编译出2个不同Vue 框架的组件。最后针对框架间的差异,也给出了相应的技术方案
![https://static001.geekbang.org/infoq/6b/6bddeb392708a2816b6f4841bbf17e74.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/6b/6bddeb392708a2816b6f4841bbf17e74.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
姑苏寻韵~ 庆开放原子开源大赛 OpenTiny 前端 Web 应用开发挑战赛路演圆满落幕。
春日已至,姑苏古城迎来了一场编程的盛宴——开放原子开源大赛OpenTiny前端Web应用开发挑战赛。历时三个月的激烈角逐,OpenTiny与众多开发者携手共赴这场智慧的较量。决赛路演于4月14日在苏州(太湖)产业软件园圆满落下帷幕~
![https://static001.geekbang.org/infoq/1d/1dc35eed7c128128883a0adb69e0f252.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/1d/1dc35eed7c128128883a0adb69e0f252.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
前十名单公布|OpenTiny 前端 Web 应用开发挑战赛初赛结果揭晓~
开放原子开源大赛中 OpenTiny前端Web应用开发挑战赛初评结果新鲜出炉,本次大赛初赛评审,我们评审出10支实力强劲的队伍,其中前8强可以参与现场路演决赛,第9名-第10名获得本次大赛荣誉证书。
![https://static001.geekbang.org/infoq/2a/2a1d949e6f829ff1c52c15c2a081a156.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/2a/2a1d949e6f829ff1c52c15c2a081a156.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
OpenTiny Vue 3.14.0 正式发布,增加了 MindMap 思维导图等 3 个新组件
我们非常高兴地宣布,2024年3月7日,OpenTiny Vue 发布了 v3.14.0 🎉。
![https://static001.geekbang.org/infoq/c8/c85632672cb55e93fd6d9eebbba6bcd8.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/c8/c85632672cb55e93fd6d9eebbba6bcd8.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
![https://static001.geekbang.org/infoq/d5/d550a5feffc92ecc42508072f5a90b12.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/d5/d550a5feffc92ecc42508072f5a90b12.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
![https://static001.geekbang.org/infoq/71/712ce3999c2d69c3eb54e803ecd995cd.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/71/712ce3999c2d69c3eb54e803ecd995cd.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
OpenTiny Vue 组件库适配微前端可能遇到的 4 个问题
本文介绍了 OpenTiny Vue 组件库在微前端中使用可能遇到的4个问题及解决方案
![https://static001.geekbang.org/infoq/96/967d27a4b64a7a6d1f52baa80c70d82e.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/96/967d27a4b64a7a6d1f52baa80c70d82e.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
如何将“龙”插入到富文本编辑器中?
本文是一个 Quill 的综合案例,从自定义工具栏按钮,到自定义 Blot 编辑器内容格式,再到调用 Quill 实例的 insertEmbed 方法,完成在富文本编辑器中插入由 Canvas 绘制的龙。
![https://static001.geekbang.org/infoq/d9/d98d9bb9bef7e5fdf3b0af30b8b5a706.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/d9/d98d9bb9bef7e5fdf3b0af30b8b5a706.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
ECMAScript 悄悄更新了两个对象分组 API,你注意到了么?
Map.groupBy() 静态方法使用提供的回调函数返回的值对给定可迭代对象中的元素进行分组。最终返回的 Map 使用测试函数返回的唯一值作为键,可用于获取每个组中的元素组成的数组。
![https://static001.geekbang.org/infoq/e2/e22ac322d3aad21cdb4b55b7004c41e3.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/e2/e22ac322d3aad21cdb4b55b7004c41e3.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
速看!盘点这一年 OpenTiny 都在做什么?
叮,这里有一份 OpenTiny 的年终总结等你查收,本文主要介绍了OpenTiny 2023年的那些事~
![https://static001.geekbang.org/infoq/92/9259c2ef6a979c133333eabaf52002dd.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/92/9259c2ef6a979c133333eabaf52002dd.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
官宣!OpenTiny 前端 Web 应用开发挑战赛开赛啦~30 万奖金等你拿!
30万奖品等你拿,OpenTiny 前端 Web 应用开发挑战赛开赛啦~
![https://static001.geekbang.org/infoq/c2/c221e0ae7e2ac2db69610558b584073f.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/c2/c221e0ae7e2ac2db69610558b584073f.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
感恩有你|一起见证 OpenTiny 这 5 个锦鲤时刻
喜报,喜报!!!OpenTiny 在今年获得了这几个奖项,感谢大家一路以来的支持与信任,新的一年,希望大家一起努力~
![https://static001.geekbang.org/infoq/3f/3f47f40343075deb247de1a39120d19c.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/3f/3f47f40343075deb247de1a39120d19c.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
什么?你还不会 OpenTiny 跨框架组件库适配微前端?
本文由体验技术团队 TinyVue 组件库成员陈家梅同学分享,带你手把手实现 TinyVue 组件库适配微前端~
![https://static001.geekbang.org/infoq/48/4892509394291306f58c75b9cd616f90.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/48/4892509394291306f58c75b9cd616f90.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
TinyVue 组件库助力赛意信息获得工业软件种子奖
恭喜广州赛意信息科技股份有限公司荣获工业软件种子奖!在本次大赛中,凭借“数据驱动智造,基于 iDME 的赛意新一代 SMOM 赋能电子行业制造运营管理解决方案”这一作品脱颖而出~
![https://static001.geekbang.org/infoq/25/255a9ba7c74923d43babfb149e0aef11.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/25/255a9ba7c74923d43babfb149e0aef11.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
【随意换装】基于 Svelte 与 Tailwind 的组件库 STDF 支持多主题配置
STDF 是一个基于 Svelte 与 Tailwind CSS 的移动 web 组件库。
![https://static001.geekbang.org/infoq/c8/c8d7482359dbaca013ec6596f747d07e.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/c8/c8d7482359dbaca013ec6596f747d07e.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
OpenTiny Vue 组件库实现主题配置和 UX 交互规范自定义
本文向我们介绍了如何在OpenTiny Vue组件库中进行UX规范的定制修改。学会使用该方法后,开发者可以更精准地控制或修改用户体验规范的范围,提高开发效率,同时降低维护成本和代码复杂度。
![https://static001.geekbang.org/infoq/7c/7cea4a4a4bff04bc40e96c36f2d1be1f.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/7c/7cea4a4a4bff04bc40e96c36f2d1be1f.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
OpenTiny7 月 8 日即将正式发布!
华为开发者大会2023(HDC.Cloud 2023)将于7月7日-9日在东莞拉开帷幕,本届大会以“每一个开发者都了不起”为主题,介绍了OpenTiny的4大精彩看点
![https://static001.geekbang.org/infoq/19/19b162a76dbd2aaaf569e18f12db2aa0.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234](https://static001.geekbang.org/infoq/19/19b162a76dbd2aaaf569e18f12db2aa0.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234)
从自研走向开源的 TinyVue 组件库
OpenTiny 提供企业级的 Web 应用前端开发套件,包括 TinyVue/TinyNG 组件库、TinyPro 管理系统模板、TinyCLI 命令行工具以及 TinyTheme 主题配置系统等。本文介绍TinyVue的三个发展阶段