- 综合排序
- 最热优先
- 最新优先
- 来自专栏全栈程序员必看
前端组件库_前端组件库有什么好处
Super minimal selector and event library skel.js – A lightweight responsive framework JavaScript 工具库 underscore.js Way.js – 双向数据绑定库 Keys.js – 应用快捷键 3. Egret Engine LimeJS EaselJS three.js AlloyStick The-Best-JS-Game-Framework CanvasEngine Quintus 4. ui组件库 Draggabilly – 专注于拖拽功能的 JS 库 13.18 隐藏或展示页面元素 Headroom.js – 在不需要页头时将其隐藏 Readmore.js – 内容显示与隐藏插件 13.19 通知组件/弹框组件 alertify.js AlertifyJS SweetAlert Messenger – 非常酷的弹框组件 PNotify Notify.js – A simple, versatile
7.7K10编辑于 2022-09-20 - <script type="module"> import { createApp } from 'vue' // 引入 @opentiny/vue 组件 tiny-button> <tiny-alert description="TinyVue"></tiny-alert> ` }) // 注册 @opentiny/vue 组件来自专栏快乐阿超
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">
39410编辑于 2024-08-23
漫谈 React 组件库开发（二）：组件库最佳实践
那么现在就面临一个选择： 一是选择 React 生态中已有的组件库，例如 antDesign、Material-UI 等比较成熟的组件库； 二是团队再开发一套属于自己的组件库。 本文我们就来聊一聊如何开发一套优秀的 React 组件库以及一套完整组件库的构成。 一、选择开源？还是自己造轮子？ React 大环境里面有很多优秀的 UI 组件库，国内比较有名的 antDesign，国外的 Material-UI，都是比较稳定和优秀的组件库。那么我们为什么还要自己去开发一套组件库呢？ 二、组件库构成 构建一个完整的组件库需要考虑： 组件设计思路 组件代码规范 组件开发流程 组件测试 组件维护（包括 PR / issue 管理、发包、文档） 1. 组件文档 一份好的 doc 是一个优秀组件库的标准，良好的文档能够提升组件库的整体品质和好感度，愿意花时间好好写 doc 的团队，那么他们产出的组件库应该也不会差到哪去，组件库文档维护也是组件库生命周期里重要的一环
Web组件库 JS组件方法记录
以折叠面板的形式进行组件描述，点击对应的面板会展示对应信息。
vue常用组件库_vue内置组件
的web UI工具套件 Vux：基于Vue和WeUI的组件库 mint-ui：Vue 2的移动UI元素 iview：基于 Vuejs 的开源 UI 组件库 Keen-UI：轻量级的基本UI组件合集 rubik：基于Vuejs2的开源 UI 组件库 VueStar：带星星动画的vue点赞按钮 vue-mugen-scroll：无限滚动组件 mint-loadmore：VueJS的双向下拉刷新组件 vue-morris：Vuejs组件封装Morrisjs库 we-vue：Vue2及weui1开发的组件 vue-image-clip：基于vue的图像剪辑组件 vue-bootstrap-table ：iOS7+ 风格的alertview服务 dd-vue-component：订单来了的公共组件库 paco-ui-vue：PACOUI的vue组件 vue-cmap：Vue China map可视化组件 vue-slide – vue轻量级滑动组件 vue-slider – vue 滑动组件 vue-m-carousel – vue 移动端轮播组件 dd-vue-component – 订单来了的公共组件库
组件库设计实战 - 复杂组件设计
作者：诚身 https://zhuanlan.zhihu.com/p/29034015 一个成熟的组件库通常都由数十个常用的 UI 组件构成，这其中既有按钮（Button），输入框（Input）等基础组件 这里我们提出一个组件复杂度的概念，一个组件复杂度的主要来源就是其自身的状态，即组件自身需要维护多少个不依赖于外部输入的状态。 至此，组件库设计实战系列文章也将告一段落。 在全部四篇文章中，我们分别讨论了组件库架构，组件分类，文档组织，国际化以及复杂组件设计这几个核心的话题，因笔者能力所限，其中自然有许多不足之处，烦请各位谅解。 组件库作为提升前端团队工作效率的重中之重，花再多时间去研究它都不为过。再加上与设计团队对接，形成设计语言，与后端团队对接，统一数据结构，组件库也可以说是前端工程师在拓展自身工作领域上的必经之路。
移动端组件库
今天给大家推荐的是一个滴滴开源的移动端开发组件库：Pile.js。 Pile.js 是滴滴开发的基于 React 的移动端开发组件库。 轻量，易用，包含 52 个交互功能，支持多语言与自定义皮肤。 第二步：引用组件代码： ? 组件列表 ? 具体演示效果，可以扫描下方二维码，体验： ? 开源项目地址
组件库构建过程
最近在项目内部创建了一个vue组件库，希望通过组件库的形式，统一项目中组件的逻辑和样式，让代码的复用性更强。 这篇文章主要是梳理组件库的整个结构和构建过程。 结构 首先在这里介绍一下组件库的代码结构，上面是整体代码目录结构，每个目录的作用如下： packages：组件源码位置，每个组件作为一个子目录；同时提供packages/index.js作为全局组件的入口 同时，在packages根目录，index.js作为全局注册组件入口，会引入所有组件，然后调用Vue.component注册为全局组件。 ok，目录结构梳理清楚，但这也只是开发过程的一部分，至于最终的输出内容，还需要基于具体使用场景来编译，下面是目前组件库支持的使用方式和具体的编译方法。 webpack模块化原理-commonjs、webpack模块化原理-ES module、webpack模块化原理-Code Splitting），而通常作为按需加载来说，用户会有自己的webpack，那么组件库需要做的就是把
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组件
组件库使用BEM
bem的优势 最近在开发一个组件库，选择了BEM作为css的组织形式，主要考虑了以下三个方面的优势： 逻辑分层，容易理解。 BEM基于block、element、modify的组织形式，基本与组件的组织形式吻合。只要遵循了BEM的命名方式，对于开发和修改组件，哪些元素和状态已经存在，都可以直观的看出来。 反过来，通过html标记的BEM命名，可以直观地理解组件的功能和依赖关系。 强约束，便于团队协作。
组件分享之后端组件——grpc组件库grpc-go
组件分享之后端组件——grpc组件库grpc-go 背景 近期正在探索前端、后端、系统端各类常用组件与工具，对其一些常见的组件进行再次整理一下，形成标准化组件专题，后续该专题将包含各类语言中的一些常用组件 组件基本信息 组件：grpc-go 开源协议：Apache-2.0 License 内容 在使用Golang中grpc就不得不提，其强大的性能为其接口提供了有力的支撑，本节我们分享一个组件grpc-go
框架、组件库、UI框架、UI库
背景： 今天和一个前端小伙伴沟通的时候就框架和组件的称呼居然不一致。 事情是这样的，我和小伙伴在沟通一些问题的时候，她将uview、antd等称之为框架，而我内心想这些不是组件吗？ 这不就意味着react、vue、uni-app这样的才是框架，而我们在项目中引入的涉及UI的都是组件库中的部分组件，涉及函数功能的都是js库。 antd、element官网都是介绍自己为组件库，而uview称自己为UI框架，细想一下也是没问题的，因为他们还封装了功能相关的组件，比如表单、选择器、文件上传/下载，从某种意义上说，他们称自己为组件库 、UI库、UI框架都是没问题的。 框架原本就是对js的封装，浏览器最终执行的也是js代码，相当于就是在运行框架，而框架中又可以加入一些组件库（封装了UI），和js库（封装了函数）来减少我们的工作量。
React框架 UI组件库
javascriptEnabled: true, modifyVars: { '@primary-color': 'green' }, } }), ); 备注：不用在组件里亲自引入样式了
dumi搭建react组件库
dumi官网搭建react组件库 按照官网命令我们搭建一个组件库 mkdir vultures-react && cd vultures-react npx @umijs/create-dumi-lib npm install npm start 安装所需依赖 现在的组件库以及很成熟，我们可以跟据现有的组件库，例如antd、echarts二次封装成工作中用到的业务组件 // antd基础组件 npm install antd -S // 拖拽组件库 npm install react-beautiful-dnd --save 根据自己的需要安装依赖组件库 搭建第一个组件 修改目录中的Foo文件 / 必须导出，否侧组件库会报错 import * as React from 'react' import {Foo} from '.. 我们导入的事antd的组件库，怎么显示是普通的button标签，一起来排查一下这个错误吧。
组件分享之后端组件——Goalng中好用的json组件库
组件分享之后端组件——Goalng中好用的json组件库 背景 近期正在探索前端、后端、系统端各类常用组件与工具，对其一些常见的组件进行再次整理一下，形成标准化组件专题，后续该专题将包含各类语言中的一些常用组件 组件基本信息 组件： json-iterator/go 开源协议：MIT License 使用说明 内容 我们在日常开发过程中需要频繁的对其json结构进行处理，一款高效的json处理可以帮助我们带来有效的资源浪费和性能提升 ，本节就对于该问题进行分享一个组件json-iterator/go，这个组件的描述如下： 一个高性能 100% 兼容的“encoding/json”替代品 image.png 测试结果
python web ui组件库
Python Web UI 组件库 常用Python Web UI组件库 1. Panel 简介: 基于PyViz生态的仪表板库 特点: 支持多种渲染器，可与Bokeh、Matplotlib等集成 安装: pip install panel 示例: import Bokeh 简介: 交互式可视化库 特点: 提供丰富的交互功能 安装: pip install bokeh 示例: from bokeh.plotting import figure, 2) show(p) 选择建议 数据分析和可视化: Dash或Panel 快速原型开发: Streamlit 简单交互应用: PyWebIO 复杂交互可视化: Bokeh 所有库都支持部署为 本篇文章内容来源于：python web ui组件库
React引入antd组件库
antd文档 yarn add antd -s 在App.css中引入 @import '~antd/dist/antd.css'; 在组件中引入 import { Button } from 'antd
Blzor Bootstrap Blazor 组件库
Bootstrap Blazor 组件库 一套基于 Bootstrap 和 Blazor 的企业级组件库 项目介绍 Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架： 使用 C 利用现有的 .NET 库生态系统。 在服务器和客户端之间共享应用逻辑。 受益于 .NET 的性能、可靠性和安全性。 本项目是利用 Bootstrap 样式进行封装的 UI 组件库 生态伙伴 WTM 快速开发框架，设计的核心理念就是”尽一切可能提高开发效率“。 练习 - 添加组件 数据绑定和事件 练习 - 数据绑定和事件 总结 视频教程 B 站视频集锦 传送门 组件 Blazor 应用基于组件。 可以作为 Razor 类库或 NuGet 包共享和分发。 项目截图
React UI组件库教程
一、3个最受欢迎的React UI 组件库1. MUIMaterial-UI 是一个开源的 React 组件库，实现了 Google 的 Material Design。 Headless UIHeadless UI 是一个提供完全未样式化、完全可访问的 UI 组件的 React 库，旨在与 Tailwind CSS 无缝集成。 与传统的 CSS-in-JS 库不同，Headless UI 注重组件的行为和可访问性，完全由你来负责视觉样式。 这使得从组件外部启用样式的定制性变得更加容易二、丰富且可定制的组件在实际项目开发中，一个优秀的 UI 组件库不仅需要提供丰富的组件类型，还必须允许开发者根据业务需求对组件进行灵活的定制。 Mantine UI 的组件库涵盖了多种场景下的常用组件，从基础的表单输入到复杂的布局和交互工具都应有尽有，同时提供了高度的可定制性，让开发者能够快速实现自己的设计目标。1.
使用rollup创建组件库
测试是否可以在项目中直接执行es语法 rollup-config-dev.js中的external属性的用法，当某些第三方包没必要打包的本项目中，就使用external属性，比如本项目是为vue的项目开发组件的 ，那么本项目中需要使用vue包，但是不需要将vue包一起打包到这个库的项目中，就可以做如下设置： const path=require('path') const resolve =require('rollup-plugin-node-resolve
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号