Vue__组件库

Vue3组件库实战: 打造高复用UI系统

Vue3组件库实战:打造高复用UI系统介绍什么是Vue3组件库在前端开发中，UI组件库是非常重要的一部分。

武昌库里写JAVA·2025-07-12 15:44

别再只用 text 了！深度揭秘 Element UI el-input 的 type 属性宝藏 ✨

这是一篇关于ElementUI(ElementUI,一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库)el-input组件type属性的深度解析技术博客，它结合了ElementUI官方文档和

小丁学Java·2025-07-11 06:59

VITE(使用REACT)+TAILWINDCSS+SHADCN基础环境设定

React+TypeScript+Tailwind+shadcn/ui项目配置指南前言本指南将帮助你搭建一个基于Vite的React项目，包含TypeScript、TailwindCSS和shadcn/ui组件库的完整配置过程

马特说·2025-07-10 20:48

打造自己的组件库（一）宏函数解析

1.初始化项目npmcreatevite生成项目后，文件目录如下：├──.idea/#IntelliJIDEA配置目录├──.vscode/#VSCode配置目录├──public/#静态资源目录│└──vite.svg#Vite默认图标├──src/#源代码目录│├──assets/#项目资源文件││└──vue.svg#Vue图标│├──components/#Vue组件目录││└──Hell

行云＆流水·2025-07-10 18:37

打造自己的组件库（二）CSS工程化方案

1.css工程化方案1.1.目录结构设计src/assets/styles/├──index.scss#主入口文件├──variables.scss#全局CSS变量定义├──mixins.scss#SCSS混入├──reset.scss#样式重置└──theme/├──light.scss#亮色主题└──dark.scss#暗色主题1.2.CSS工程化特点1.2.1模块化导入@use'./them

行云＆流水·2025-07-10 17:06

如何在vue3.0项目中集成Element-plus

一、Element-plus简介Elementplus是一套为开发者，设计师和产品经理准备的基于vue3.0的桌面端组件库。

卖菜的小白·2025-07-10 05:16

React-PDF-JS 安装与配置完全指南

react-pdf-jsAReactcomponenttowrapPDF.js项目地址:https://gitcode.com/gh_mirrors/re/react-pdf-js项目基础介绍及编程语言React-PDF-JS是一个基于React的组件库

严奕典Optimistic·2025-07-10 05:44

vue-cropper实现图片裁剪

Vue-Cropper是一个基于Vue.js的图片裁剪组件库，专为Web应用设计。

鸡吃丸子·2025-07-09 10:13

Git 子模块 (Submodule) 完全使用指南

想象一下，你在开发一个大项目（父项目），需要用到另一个独立的项目（例如一个公共库、一个UI组件库）。你不想直接复制粘贴它的代码，因为那样就无法方便地获取那个库的后续更新。

BIBI2049·2025-07-09 04:57

《Foundation 输入框尺寸：设计指南与最佳实践》

Foundation作为一款流行的前端框架，提供了丰富的组件库，其中包括多种尺寸的输入框，以满足不同设计需求。

lly202406·2025-07-08 21:46

别再重复造轮子！火语言 RPA 开发神器来了

其内置丰富的组件库，涵盖

·2025-07-08 11:44

【前端开发】Uniapp分页器：新增输入框跳转功能

基于UniApp官方扩展组件库uni-ui中的uni-pagination分页器组件，针对大数据量场景进行优化主要优化以下内容：新增输入框跳转功能：在原有分页器基础上，新增了一个输入框区域，允许用户直接输入目标页码进行跳转双向页码绑定优化

·2025-07-08 04:14

Swiper.js滑动插件使用教程-支持轮播图、滑块、画廊

几乎每个前端开发都应该用过这个滑动组件库吧？

天天打码·2025-07-08 03:39

深入解析BEM架构：架构级全局样式管理方案

各种组件库（element、antd、vant…）使用多了能发现它们的样式就是采取的BEM（Block,Element,Mod

neon1204·2025-07-07 19:08

Axure版ArcoDesign 组件库-免费版

ArcoDesign元件库是字节系基于ByteDesign升级而来的、能力全面的企业级产品设计系统。以下是对它的详细介绍：链接地址特点丰富的组件和样式：包含各种类型的组件，覆盖了多种交互场景，如通用类、布局类、数据展示类、数据输入类、反馈类、导航类等。同时提供丰富的颜色主题配置，支持自定义，包括基础颜色、字体、阴影等，且支持可视化编辑与实时预览。灵活的布局方案：基于模块化设计，支持响应式设计，便于

AxureMost·2025-07-07 05:31

实战篇：（十三）新手指南：搭建 Vue 3 项目，完美结合 Element Plus 的使用技巧!

本篇文章将带你一步一步地学习如何使用Vite创建一个Vue3+TypeScript项目，并轻松集成ElementPlus组件库，让你的应用界面更加优雅和实用。

·2025-07-07 04:29

Three.js 辅助组件库有哪些？模型的动画是黑盒吗？怎么控制？

前端数字孪生全解：Vue与Three.js的最佳实践、3D模型网站推荐、自带动画控制详解在数字孪生（DigitalTwin）和三维可视化逐渐成为前端热点的今天，很多开发者开始转向WebGL+前端框架的集成实践，最常见的组合包括：React+Three.js（通过@react-three/fiber与@react-three/drei）Vue+Three.js（本文重点）本文将从以下几个维度全面解析

患得患失949·2025-07-06 15:15

【Python百日进阶-Web开发-Feffery】Day418 - fac实例：dash+fac登录-Sqlite数据库

feffery-antd-components（简称fac），是国内大佬费弗里(Feffery)老师基于著名的ReactUI组件库antdesign

岳涛@泰山医院·2025-07-05 11:28

react+antd Anchor(锚点组件)通讯录字母索引实现

一、页面概述本项目实现了一个美观、实用的通讯录页面，采用React框架，结合AntDesign组件库与TailwindCSS原子化样式，支持按字母分组展示联系人，并提供便捷的字母索引导航。

伍哥的传说·2025-07-04 23:05

构建个人博客系统：基于Vue和Element UI的静态网页实现

本文将详细介绍如何使用Vue.js框架配合ElementUI组件库构建一个功能完善的静态个人博客系统。

布兰妮甜·2025-07-04 13:27

【前端工程化】前端开发中的这些设计规范你知道吗

一、组件库设计原则统一性优先所有UI组件保持一致的样式风格和交互方式，降低学习成本。可维护性强组件逻辑清晰，对外暴露的props明确，便于后期迭代和维护。业务导向围绕常见的企业场景封装组件，如表

·2025-07-04 10:52

OpenDataV：开源拖拽式低代码数据可视化开发平台

不仅内置了丰富的组件库，还支持用户开发自己的组件并将其接入平台，从而满足多样化的业务需求。

❀͜͡傀儡师·2025-07-03 20:04

【vue组件库搭建07】Vitest单元测试

vitest官网vue-test-utils我们的测试框架选择的是Vitest和vue-test-utils。两者的关系为：Vitest提供测试方法：断言、Mock、SpyOn等方法。vue-test-utils:挂载和渲染组件：VueTestUtils允许您在隔离中挂载组件，这意味着您可以测试单个组件而不必担心其子组件或需要完整的Vue应用环境。它还支持浅层挂载，其中子组件被存根，使测试更快并且

Eric⠀·2025-07-03 08:37

掌握Android Jetpack，优化移动开发体验

AndroidJetpack，优化移动开发体验关键词：AndroidJetpack、组件化开发、ViewModel、LiveData、Room、Navigation、Compose摘要：本文深入探讨AndroidJetpack组件库的核心架构和使用方法

移动开发前沿·2025-07-03 03:32

Vue3.3 + TypeScript ，自主打造媲美 ElementPlus 的组件库之学习笔记

Vue3.3+TS4，自主打造媲美ElementPlus的组件库第1章课程介绍1-1课程导学1-2代码库使用注意事项1-3项目演示地址：http://element.vikingship.xyz/第2章

怪我冷i·2025-07-03 02:46

高效设计，从AntDesign3.9 Axure组件库开始

高效设计，从AntDesign3.9Axure组件库开始项目地址:https://gitcode.com/open-source-toolkit/48b29项目介绍在现代产品设计中，高效、美观的原型设计是不可或缺的一环

劳筝千Daphne·2025-06-30 09:16

AXURE Ant Design 4.40 - web组件库 ant design pro 后台模板产品经理

AntDesign是基于AntDesign设计体系的ReactUI组件库，主要用于研发企业级中后台产品。

Barry·X！·2025-06-30 09:45

antd的Anchor锚点组件为什么没有随着页面滚动变化？

之前自己使用antd组件库的Anchor组件时遇到了一个问题，就是按照官方文档的用法配置组件之后发现我的Anchor锚点组件的锚点Title位置没办法随着我的页面滚动而变化。

Joern-Lee·2025-06-30 02:36

「Ant Design 组件库探索」一：整体结构+工程化设置

本篇文章是学习了整体结构以及工程化配置后的总结，所以内容很长，不用从头读到尾，请结合实际项目和兴趣点进行分节点阅读。AIIDE设置这里的IDE设置主要是针对cursor的，看得出来，cursor是非常的火，这个库也支持了；这个cursor的目录结构是这样的：.cursor/└──rules/├──demo.mdc├──docs.mdc├──git.mdc├──locale.mdc├──naming

梦玄海·2025-06-29 16:57

使用 TinyVue 组件库搭建前端项目的实操体验

引言在本次活动中，我选择了使用OpenTiny提供的TinyVue组件库来搭建一个前端项目。通过这次实践，我不仅深入了解了TinyVue组件库的核心优势，还体验到了其在跨框架、跨版本开发中的便捷性。

Echo_Wish·2025-06-29 00:00

直播分享|TinyVue 组件库主题适配原理与实战

而了解组件库的主题适配功能，也可以帮助开发者轻松定制独特的主题风格，从而满足各种设计需求。

OpenTiny社区·2025-06-29 00:59

vue-cron: Cron表达式UI组件开发指南

vue-cron:Cron表达式UI组件开发指南项目地址:https://gitcode.com/gh_mirrors/vu/vue-cron项目介绍vue-cron是一个基于Vue框架设计的cron表达式UI组件库

刘通双Elsie·2025-06-28 10:19

适用于vue3的移动端Vant4组件库

适用于vue3的移动端Vant4组件库地址：（https://vant-ui.github.io/vant/#/zh-CN/home）安装：npmivant

柒@宝儿姐·2025-06-28 10:44

Vue 实现拖拉拽组件 vue-draggable-plus

vue-draggable-plus是一个基于Sortable.js的Vue拖拽组件库，是vuedraggable的升级替代品，支持Vue2和Vue3，功能更强，类型更完善，维护更活跃。

清风细雨_林木木·2025-06-27 23:12

UV-UI组件库中@click.stop事件修饰符失效问题解析

UV-UI组件库中@click.stop事件修饰符失效问题解析uv-uiuv-ui破釜沉舟之兼容vue3+2、app、h5、小程序等多端基于uni-app和uView2.x的生态框架，支持单独导入，开箱即用

邬群彤·2025-06-26 03:09

Vue组件库---Element

什么是ElementElement:是饿了么团队研发的，一套为开发者设计师和产品经理准备的基于Vue2.0的桌面端组件库组件:组成网页的部件，例如超链接，按钮，图片，表格等官网:https://element.eleme.cn

码不完的哥哥·2025-06-25 18:02

HarmonyOS开发：ArkTS语法的图表组件 - McCharts

作为HarmonyOS一款开源的图表组件库，组件库将会提供以下图表：折线图、柱状图、饼图、散点图、雷达图等等。并提供了配套的设计资源，充分满足可定制化的需求。

代码中的爱马仕·2025-06-25 16:47

发布 npm 包完整指南（含账号注册、发布撤销与注意事项）

发布一个npm包，可以让你分享自己的工具库、组件库、脚手架等给全世界或团队内部使用。本文将带你从0到1完成一个npm包的发布流程，包括账号注册、版本控制、发布命令，以及撤回方法和实用建议。

爱宇阳·2025-06-25 15:07

使用 Vue 3 + Tiny UI 实现动态表单项及自动校验功能

最终我选择使用Vue3和@opentiny/vue组件库来实现该功能，本文将详细分享我的实现过程。二、技术选型Vue3：基于CompositionAPI的响应式系统，使代码更简洁易维护。

三线码工·2025-06-25 04:22

WorkManager深度解析：企业级后台任务调度方案

WorkManager一、WorkManager是什么WorkManager是AndroidJetpack组件库中的一部分，专为管理和调度后台任务而设计。

Android洋芋·2025-06-25 03:44

Flutter跨平台开发实战指南

其核心优势在于：高性能：直接编译为原生ARM代码跨平台：一套代码可运行在iOS、Android、Web、Windows、macOS和Linux热重载：开发时快速查看更改效果丰富的组件库：提供大量美观的Material

STEPHENurry·2025-06-24 19:47

微信小程序组件库深度解析（2025精选版）

本文全面解析官方+高星第三方组件库，附每个组件的实战案例代码一、官方基础组件库（WeUI）1.视图容器组件(1)scroll-view-滚动视图商品{{item.id}}-{{item.name}}加载中

·2025-06-24 08:57

el-table 多级表头导出（适用于表头固定，表格有固定列）

在使用elementUI组件库开发中，少不了el-table的导出功能，以下是el-table多级表头固定，数据项固定情况下的导出功能！

Hi . Man·2025-06-24 03:56

手把手教你用vite+React18+TS+redux+prettier+eslint+Ant打造企业级前端项目

通过这篇文章你可以学到如何使用使用webpack搭建项目如何在webpack中集成typescript如何在webpack中集成ReactRouter和Redux如何使用React的组件库AntDesign

zayyo·2025-06-23 07:11

橘子编程·2025-06-22 20:59

微信小程序(typescript) npm添加Tdesign UI组件库

最近，发现一个新的微信小程序UI组件库-TDesign。腾讯自家出品，颜值杠杆。

程序员君常笑·2025-06-22 10:53

【Blazor之关于组件库Ant Design of Blazor组件样式的修改】

✨特性官方文档二、对组件库样式修改方法的总结1.第一种就是查看所用组件的样式接口2.第二种通过添加样式隔离完成对组件样式的修改3.第三种是通过全局css完成对样式的修改总结前言例如：我们在使用Blazor

Shiny啦啦啦·2025-06-22 07:36

Python实例题：基于微前端架构的企业级应用平台

实例题题目基于微前端架构的企业级应用平台问题描述开发一个基于微前端架构的企业级应用平台，包含以下功能：主应用框架：负责路由、权限和全局状态管理微前端模块：独立开发、部署的业务功能模块统一认证授权：单点登录和权限控制系统组件库共享

狐凄·2025-06-21 18:09

part4-m6

本阶段将带你学习前端圈子中口碑极佳的React框架以及它的一些高阶用法、组件库封装、数据流方案、服务端渲染（SSR）、静态站点生成（SSG），同时深入React框架内部，剖析React部分核心源码和实现

zsnpromsie·2025-06-21 02:02

告别React迷茫！让你从初级到架构师一站式进阶

当老板让你搭建一个全新的React项目时，你打开搜索引擎，输入“React最佳实践”、“React状态管理方案”、“ReactUI组件库”，结果铺天盖地的文章、教程、库让你瞬间陷入迷茫。

wylee·2025-06-20 09:05

推荐频道