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

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

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

前端组件库_前端组件库有什么好处

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

全栈程序员站长

2022-09-20

8.4K0

标签:

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

5060

标签:

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

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

2020-08-25

2.1K0

标签:

腾讯云测试服务

Web组件库 JS组件方法记录

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

2023-07-17

6730

标签:

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 – 订单来了的公共组件库

全栈程序员站长

2022-11-15

11.3K0

标签:

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

作者：诚身 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

8950

标签:

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

4380

标签:

组件库使用BEM

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

2021-12-14

7290

标签: