腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

综合排序丨最热优先丨最新优先

TinyVue组件库

——董仲舒文档： TinyVue：一套跨端、跨框架的企业级 UI 组件库，支持 Vue 2 和 Vue 3，支持 PC 端和移动端代码： https://github.com/opentiny/ tiny-vue 在项目的根目录中，打开控制台，执行以下命令，为 Vue 3.0 的项目安装 TinyVue 组件库： yarn add @opentiny/vue@3 # 或者 npm install @opentiny/vue@3 或者执行以下命令，为 Vue 2.0 的项目安装 TinyVue 组件库： yarn add @opentiny/vue@2 # 或者 npm install @opentiny id="app"></div> <script type="module"> import { createApp } from 'vue' // 引入 @opentiny/vue 组件 tiny-button> <tiny-alert description="TinyVue"></tiny-alert> ` }) // 注册 @opentiny/vue 组件

2024-08-23

5640

标签:

漫谈 React 组件库开发（二）：组件库最佳实践

那么现在就面临一个选择：一是选择 React 生态中已有的组件库，例如 antDesign、Material-UI 等比较成熟的组件库；二是团队再开发一套属于自己的组件库。本文我们就来聊一聊如何开发一套优秀的 React 组件库以及一套完整组件库的构成。一、选择开源？还是自己造轮子？ React 大环境里面有很多优秀的 UI 组件库，国内比较有名的 antDesign，国外的 Material-UI，都是比较稳定和优秀的组件库。那么我们为什么还要自己去开发一套组件库呢？二、组件库构成构建一个完整的组件库需要考虑：组件设计思路组件代码规范组件开发流程组件测试组件维护（包括 PR / issue 管理、发包、文档） 1. 组件文档一份好的 doc 是一个优秀组件库的标准，良好的文档能够提升组件库的整体品质和好感度，愿意花时间好好写 doc 的团队，那么他们产出的组件库应该也不会差到哪去，组件库文档维护也是组件库生命周期里重要的一环

2020-08-25

2.2K0

标签:

腾讯云测试服务

Web组件库 JS组件方法记录

以折叠面板的形式进行组件描述，点击对应的面板会展示对应信息。

2023-07-17

7140

标签:

组件库设计实战 - 复杂组件设计

作者：诚身 https://zhuanlan.zhihu.com/p/29034015 一个成熟的组件库通常都由数十个常用的 UI 组件构成，这其中既有按钮（Button），输入框（Input）等基础组件这里我们提出一个组件复杂度的概念，一个组件复杂度的主要来源就是其自身的状态，即组件自身需要维护多少个不依赖于外部输入的状态。至此，组件库设计实战系列文章也将告一段落。在全部四篇文章中，我们分别讨论了组件库架构，组件分类，文档组织，国际化以及复杂组件设计这几个核心的话题，因笔者能力所限，其中自然有许多不足之处，烦请各位谅解。组件库作为提升前端团队工作效率的重中之重，花再多时间去研究它都不为过。再加上与设计团队对接，形成设计语言，与后端团队对接，统一数据结构，组件库也可以说是前端工程师在拓展自身工作领域上的必经之路。

2019-09-29

1.3K0

标签:

移动端组件库

今天给大家推荐的是一个滴滴开源的移动端开发组件库：Pile.js。 Pile.js 是滴滴开发的基于 React 的移动端开发组件库。轻量，易用，包含 52 个交互功能，支持多语言与自定义皮肤。第二步：引用组件代码： ? 组件列表 ? 具体演示效果，可以扫描下方二维码，体验： ? 开源项目地址

2019-03-28

2.2K0

标签:

组件库构建过程

最近在项目内部创建了一个vue组件库，希望通过组件库的形式，统一项目中组件的逻辑和样式，让代码的复用性更强。这篇文章主要是梳理组件库的整个结构和构建过程。结构首先在这里介绍一下组件库的代码结构，上面是整体代码目录结构，每个目录的作用如下： packages：组件源码位置，每个组件作为一个子目录；同时提供packages/index.js作为全局组件的入口同时，在packages根目录，index.js作为全局注册组件入口，会引入所有组件，然后调用Vue.component注册为全局组件。 ok，目录结构梳理清楚，但这也只是开发过程的一部分，至于最终的输出内容，还需要基于具体使用场景来编译，下面是目前组件库支持的使用方式和具体的编译方法。 webpack模块化原理-commonjs、webpack模块化原理-ES module、webpack模块化原理-Code Splitting），而通常作为按需加载来说，用户会有自己的webpack，那么组件库需要做的就是把

2021-12-14

9500

标签:

web组件库lion

github： https://github.com/ing-bank/lion 官方文档： https://lion-web.netlify.app/ Lion 是一组高性能、可访问且灵活的 Web 组件它们提供了一个无主见的白标签层，可以扩展到您自己的组件层高性能：专注于在所有相关浏览器中实现出色的性能，具有最少的依赖项可及性：旨在符合 WCAG 2.2 AA 标准，以创建每个人都可以使用的组件灵活性：通过 Web Components 和 JavaScript 类提供解决方案，这些类可以使用、采用和扩展以满足所有需求现代代码：Lion 以纯 es 模块的形式分发公开函数/类和 Web 组件这是有道理的，因为主要用例是扩展这些组件，如果您这样做，则不想覆盖现有样式。 => response.json()) .then(data => { // do something with the data }); </script> 使用web组件

2024-09-05

4640

标签:

组件库使用BEM

bem的优势最近在开发一个组件库，选择了BEM作为css的组织形式，主要考虑了以下三个方面的优势：逻辑分层，容易理解。 BEM基于block、element、modify的组织形式，基本与组件的组织形式吻合。只要遵循了BEM的命名方式，对于开发和修改组件，哪些元素和状态已经存在，都可以直观的看出来。反过来，通过html标记的BEM命名，可以直观地理解组件的功能和依赖关系。强约束，便于团队协作。

2021-12-14

7490

标签:

组件分享之后端组件——grpc组件库grpc-go

组件分享之后端组件——grpc组件库grpc-go 背景近期正在探索前端、后端、系统端各类常用组件与工具，对其一些常见的组件进行再次整理一下，形成标准化组件专题，后续该专题将包含各类语言中的一些常用组件组件基本信息组件：grpc-go 开源协议：Apache-2.0 License 内容在使用Golang中grpc就不得不提，其强大的性能为其接口提供了有力的支撑，本节我们分享一个组件grpc-go

2022-03-06

5510

标签:

框架、组件库、UI框架、UI库

背景：今天和一个前端小伙伴沟通的时候就框架和组件的称呼居然不一致。事情是这样的，我和小伙伴在沟通一些问题的时候，她将uview、antd等称之为框架，而我内心想这些不是组件吗？这不就意味着react、vue、uni-app这样的才是框架，而我们在项目中引入的涉及UI的都是组件库中的部分组件，涉及函数功能的都是js库。 antd、element官网都是介绍自己为组件库，而uview称自己为UI框架，细想一下也是没问题的，因为他们还封装了功能相关的组件，比如表单、选择器、文件上传/下载，从某种意义上说，他们称自己为组件库、UI库、UI框架都是没问题的。框架原本就是对js的封装，浏览器最终执行的也是js代码，相当于就是在运行框架，而框架中又可以加入一些组件库（封装了UI），和js库（封装了函数）来减少我们的工作量。

2023-03-04

1.4K0

标签: