写点什么

组件库

0 人感兴趣 · 43 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/d5/d5c702a48d4dcda79a7931e007a19869.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

直播回顾|6 个实例带你解读 TinyVue 组件库跨框架技术

用户头像
OpenTiny社区
13 小时前

本期直播展开了组件库跨框架的讨论,同时针对TinyVue组件库的关键技术进行了剖析,并通过项目实战演示了一份源码编译出2个不同Vue 框架的组件。最后针对框架间的差异,也给出了相应的技术方案

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

前十名单公布|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

OpenTiny Vue 3.14.0 正式发布,增加了 MindMap 思维导图等 3 个新组件

我们非常高兴地宣布,2024年3月7日,OpenTiny Vue 发布了 v3.14.0 🎉。

你问我答,干货满满!|OpenTiny 挑战赛技术答疑直播来啦~

🎉  OpenTiny 前端 Web 应用开发挑战赛技术答疑直播即将上线 🎉

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

如何将“龙”插入到富文本编辑器中?

本文是一个 Quill 的综合案例,从自定义工具栏按钮,到自定义 Blot 编辑器内容格式,再到调用 Quill 实例的 insertEmbed 方法,完成在富文本编辑器中插入由 Canvas 绘制的龙。

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

速看!盘点这一年 OpenTiny 都在做什么?

叮,这里有一份 OpenTiny 的年终总结等你查收,本文主要介绍了OpenTiny 2023年的那些事~

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

什么?你还不会 OpenTiny 跨框架组件库适配微前端?

用户头像
OpenTiny社区
2023-12-06

本文由体验技术团队 TinyVue 组件库成员陈家梅同学分享,带你手把手实现 TinyVue 组件库适配微前端~

https://static001.geekbang.org/infoq/48/4892509394291306f58c75b9cd616f90.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

TinyVue 组件库助力赛意信息获得工业软件种子奖

用户头像
OpenTiny社区
2023-12-01

恭喜广州赛意信息科技股份有限公司荣获工业软件种子奖!在本次大赛中,凭借“数据驱动智造,基于 iDME 的赛意新一代 SMOM 赋能电子行业制造运营管理解决方案”这一作品脱颖而出~

https://static001.geekbang.org/infoq/c8/c8d7482359dbaca013ec6596f747d07e.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

OpenTiny Vue 组件库实现主题配置和 UX 交互规范自定义

用户头像
OpenTiny社区
2023-08-18

本文向我们介绍了如何在OpenTiny Vue组件库中进行UX规范的定制修改。学会使用该方法后,开发者可以更精准地控制或修改用户体验规范的范围,提高开发效率,同时降低维护成本和代码复杂度。

https://static001.geekbang.org/infoq/7c/7cea4a4a4bff04bc40e96c36f2d1be1f.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

OpenTiny7 月 8 日即将正式发布!

用户头像
OpenTiny社区
2023-07-07

华为开发者大会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

从自研走向开源的 TinyVue 组件库

用户头像
OpenTiny社区
2023-07-06

OpenTiny 提供企业级的 Web 应用前端开发套件,包括 TinyVue/TinyNG 组件库、TinyPro 管理系统模板、TinyCLI 命令行工具以及 TinyTheme 主题配置系统等。本文介绍TinyVue的三个发展阶段

https://static001.geekbang.org/infoq/4e/4e5244f65b690c85d89d4abebe4f28e7.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

华为云开源项目 OpenTiny 中 TinyVue 有什么优势?

OpenTiny项目是一套华为云出品的企业级组件库解决方案,适配 PC 端 / 移动端等多端,涵盖 Vue2 / Vue3 / Angular 多技术栈,拥有主题配置系统 / 中后台模板 / CLI 命令行等效率提升工具,可帮助开发者高效开发 Web 应用。

历史性的时刻!OpenTiny 跨端、跨框架组件库正式升级 TypeScript,10 万行代码重获新生!

用户头像
华为云开源
2023-04-12

介绍 TS 基础及在 Vue 中的实践,并提供JS项目转TS的步骤指南,旨在帮助还在使用 JS 的开发者快速上手 TS,享受TS带来的丝滑开发体验。

https://static001.geekbang.org/infoq/b7/b7c55466637feeee562eee312ccec33b.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

OpenTiny 的这些特色组件,很实用,但你应该没见过

用户头像
Kagol
2023-04-07

业界组件库有的组件,OpenTiny 也都有,业界组件库没有的组件,OpenTiny 也有。本文将给大家介绍 OpenTiny 的一些特色组件。

https://static001.geekbang.org/infoq/99/99ced00cc04b9e7c17e5eaa349fb001d.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

NutUI-React 京东移动端组件库 2 月份上新!欢迎使用!

2月,我们对组件交互、issue修复、增加示例上做了急行军,共合并70+PR,修复近40个issue。这里我们选取一些组件的新增示例,供您参考!

https://static001.geekbang.org/infoq/09/099ebbc4f4c9237d58ecd59220ec205f.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

如何从 0 开始搭建 Vue 组件库

组件设计是通过对功能及视觉表达中元素的拆解、归纳、重组,并基于可被复用的目的,形成规范化的组件,通过多维度组合来构建整个设计方案,將这些组件整理在一起,便形成组件库。

https://static001.geekbang.org/infoq/dc/dc96ea6dfd9037f8385c8c327f54e5ee.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【下】提高组件库 Level 必做好这六件事

用户头像
小鑫同学
2022-11-17

今天带来一篇不一样的组件库开发文章,强烈推荐先收藏后阅读。

https://static001.geekbang.org/infoq/dc/dc96ea6dfd9037f8385c8c327f54e5ee.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【上】提高组件库 Level 必做好这六件事

用户头像
小鑫同学
2022-11-17

今天带来一篇不一样的组件库开发文章,强烈推荐先收藏后阅读。

https://static001.geekbang.org/infoq/98/988f03b76503fd21cd7b592427579f8e.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

「推荐收藏」提高组件库 Level 必做好这六件事

用户头像
GFE
2022-11-16

随着前端工程化的概念越来越深入人心,脚手架应运而生。简单来说,「前端脚手架」就是指通过选择几个选项快速搭建项目基础代码的工具。前端脚手架可以有效避免我们 ctrl + C 和 ctrl + V 相同的代码框架和基础配置。

https://static001.geekbang.org/infoq/40/40179f264cd3cb091e7ffd9e8de8a1f0.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

企业级前端组件建设

用户头像
龙之幽谷
2022-09-28

组件化,又或者组件抽离的目的是为了功能共享方便维护,其能够带来的好处是少写代码,统一管理、统一维护。一套基础组件代码千锤百炼精而又精,从而起到快速支撑业务迭代,提升开发效率的目的。

https://static001.geekbang.org/infoq/e4/e4b8f7e931c13fc4fef5c2e4baf8897a.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React Table 表格组件使用教程 排序、分页、搜索过滤筛选功能实战开发

用户头像
蒋川
2022-07-12

在日常开发中,特别是内部使用的后台系统时,我们常常会需要用表格来展示数据,同时提供一些操作用于操作表格内的数据。简单的表格直接用原生 HTML table 就好,但如果要在 React 中实现一个功能丰富的表格,其实是非常不容易的。在本站之前的文章....

TDesign 组件库技术方案指北

用户头像
TDesign
2022-07-12

TDesign 是腾讯各业务团队在服务业务过程中沉淀的一套企业级设计体系,于2021年12月底正式对外开源。TDesign 用到了哪些广受欢迎的开源技术,选择这些技术的原因是什么?TDesign 官方支持了众多开发技术栈,为什么选择各仓库原生开发而不是转译生成代码?本篇

组件库_组件库技术文章_InfoQ写作社区