组件库第6页

小程序学习记录九：小程序npm包的使用

包的概念一、npm包的限制二、VantWeapp组件库1.安装2.构建npm包3.修改app.json三、定义和使用CSS变量1.定义变量2.使用变量3.vant里使用css变量一、npm包的限制1.不支持依赖于

努力练级中...·2024-01-21 09:05

uniapp组件库Popup 弹出层的使用方法

目录#平台差异说明#基本使用#设置弹出层的方向#设置弹出层的圆角#控制弹窗的宽度|高度#内容局部滚动#API#Props#Event弹出层容器，用于展示弹窗、信息提示等内容，支持上、下、左、右和中部弹出。组件只提供容器，内部内容由用户自定义#平台差异说明AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√√√#基本使用弹出层的内容通过slot传入，由用户自定义通过v-model

TechWhiz-晓同·2024-01-21 08:41

uniapp组件库中Collapse 折叠面板的使用方法

目录#平台差异说明#基本使用#控制面板的初始状态，以及是否可以操作#自定义样式#1.如果修改展开后的内容？#2.如何自定义标题的样式？#3.如何修改整个Item的样式？#API#CollapseProps#CollapseItemProps#CollapseEvent#CollapseItemEvent#CollapseMethods#Slot通过折叠面板收纳内容区域#平台差异说明AppH5微信小

TechWhiz-晓同·2024-01-21 08:40

MATLAB-Appdesigner中的文本区域输出方式（重组文本区域）

MATLAB-Appdesigner中的文本区域输出方式关于MATLAB-Appdesigner的使用小案例可以参考另一篇文章链接首先创建文本区域，从左侧组件库将“文本区域”拖拽到设计视图中，该视图在组件浏览器里的名称为

争渡、争渡·2024-01-21 07:24

小程序学习-19

VantWeapp-轻量、可靠的小程序UI组件库VantWeapp-轻量、可靠的小程序UI组件库安装出现问题：rollbackFailedOptional:verbnpm-session53699a8e64f465b9

m0_51519738·2024-01-21 06:42

Vue-cli 项目中使用 Element-UI 组件库

第一步：在项目中安装element-ui组件npmielement-ui-S第二步：在main.js中引入element-uiimportVuefrom'vue';importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';importAppfrom'./App.vue';Vue.use(ElementU

THERAIN_·2024-01-21 05:41

【Element UI详细介绍】

ElementUI详细介绍1.ElementUI1.1Vue+ElementUI安装1.2开发示例2.特点3.组件分类4.开始使用5.注意事项1.ElementUIElementUI是一个基于Vue2.0的桌面端组件库

程序员不想YY啊·2024-01-21 03:03

一个vue-cli的项目中如何使用element-ui组件库

1.安装npmielement-ui-s2.引入ui组件引入css文件在vue上使用下阅读文档快速上手部分在main.js部分引入importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);3.引入按钮组件进行测试默认按钮主要按钮成功按钮信息按钮警告按钮危险按钮//能

疯狂的蜗牛Dianna·2024-01-21 03:00

Webpack5入门到原理23：减少代码体积

TreeShaking为什么开发时我们定义了一些工具函数库，或者引用第三方工具函数库或组件库。如果没有特殊处理的话我们打包时会引入整个库，但是实际上可能我们可能只用上极小部分的功能。

duansamve·2024-01-21 01:41

【记账本实战】03 集成 Vant UI 组件库

集成VantUI组件库目录集成VantUI组件库Vant介绍特性集成VantUI组件库通过npm安装VantUI按需引入组件1.安装插件2.配置插件3.使用组件适配移动端rem单位添加iconfont文字图标库

凌云(mlinyun)·2024-01-21 00:05

5套饿了么Element的组件库免费资源汇总！

本文总结了五套Element组件库免费资源，包括：ElementElement设计规范库、ElementPlus设计规范库、基于ElementUl的基本框架模板和ElementKit工具包。

未来的嗒嘀嗒·2024-01-20 16:47

NG-ZORRO-MOBILE (Ant Design Mobile of Angular) 移动端UI组件库正式发布

NG-ZORRO-MOBILE是AntDesign移动规范的Angular实现。AntDesign作为服务于企业级产品的设计体系，基于『确定』和『自然』的设计价值观，通过模块化的解决方案，降低冗余的生产成本，用其简单且高效的设计理念，让设计者专注于更好的用户体验。AntDesign发布之初仅有React版本实现，为了让Angular开发者也能享受AntDesign的优秀设计，阿里计算平台事业部和阿

前端独秀·2024-01-20 14:46

【新手入门篇】React+ant design

create-react-app你的项目名在新建的项目目录下引入antd组件库。

iKendall·2024-01-20 14:46

【vue3】setup语法糖 - 命名空间组件

/form-components'label看了一下主流的vueUI组件库，比如：ElementPlus、AntDesignVue、NaiveUI其实都没有相关的组件，但

无知的小菜鸡·2024-01-20 13:48

vue项目开发常用的依赖

声明：这是目前碰到过的，后续还会补充elementuiElement，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库vue-routerVueRouter是Vue.js官方的路由管理器

无知的小菜鸡·2024-01-20 13:47

第一篇【传奇开心果】Vant 开发移动应用：从helloworld开始

添加页面和跳转切换路由五、归纳总结知识点六、知识点示例代码博文系列目录VantofVue开发移动应用示例博文目录一、从helloworld开始要使用Vant实现HelloWorld，您需要在项目中引入Vant组件库

传奇开心果编程·2024-01-20 11:26

[GN] 后端接口已经写好初次布局前端需要的操作（例）

文章目录使用vue-cli脚手架初始化前端工程化配置引入Vue前端组件库--arco前后端联调引入Md编辑器组件使用vue-cli脚手架初始化使用·安装脚手架工具：npminstall-g@vue/cli

GGood_Name·2024-01-20 08:25

知识分享之Golang——Bleve的NewIndexMapping解析

开发环境系统：windows10语言：Golang组件库：Blevegolang版本：1.17

cn華少·2024-01-20 05:15

学习搭建Vue组件库

versionversion字段表示包的版本号，大致符合x.x.x的格式，严格来说应该叫major.minor.patch(主版本号.次版本号.修订号)，如果要进一步了解版本号相关的知识，我们可以阅读以下文章来详细了解什么是语义化版本。版本约束依赖信息的结构是一个对象，其中依赖包的名称作为键(key)，依赖的版本约束作为值(value)。{"dependencies":{"lodash":"^4.

baidu_41921865·2024-01-20 00:43

uniapp中uview组件库TopTips 顶部提示使用方法

目录#平台差异说明#基本使用#自定义导航栏使用本组件的问题#主题设置#显示时间设置#API#Methods#Props该组件一般用于页面顶部向下滑出一个提示，尔后自动收起的场景。#平台差异说明AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√√√#基本使用该组件通过ref调用，使用简单，只需title参数设置显示的内容即可注意：不要在onLoad中调用，应在onReady生命

TechWhiz-晓同·2024-01-19 07:44

十大Angular组件库推荐：提升前端开发效率

将组件库添加到组合中会增加另一层效率，提高开发效率和你的应用程序的整体质量。然而，面对如此多的可用选项，为你的项目选择最好的库可能是困难的。

WPHunter·2024-01-19 05:42

第六章：Element

Pagination分页4.组件-Dialog对话框5.组件-Form表单6.案例-基本页面布局7.案例-页面组件实现8.案例-axios异步加载数据1.快速入门第一步我们在当前项目中安装ElementUI组件库安装成功后

幸运小新·2024-01-19 01:08

vue内容分发之插槽

该技术在通用组件库开发中有大量应用。

Javed·2024-01-18 21:32

前端公共组件库优化

背景前段时间入职了新公司后，做一些内部前端基建的工作，其中一个工作就是优化现有的frontend-common公共组件库。

聪明的竹子·2024-01-18 20:49

Vue3在点击菜单切换路由时，将ElementPlus UI库中el-main组件的内容滚动恢复到顶部

功能：Vue3在点击菜单切换路由时，将页面el-main的内容滚动到顶部，布局如下，使用UI组件库为ElementPlus在网上搜很多都是在route.js中的router.beforeEach中使用window.scrollTop

码农键盘上的梦·2024-01-18 20:17

vue3+vite+ts+pinia 后台管理项目总结

也参考了很多jym的文章，在这里如果发现有引用且介意，请联系我VUE3+VITE+TS项目中的要点使用vue3+vite+ts构建项目基础框架，配置代码运行环境,对项目进行模块化划分,并集成element组件库

子伟-H5·2024-01-18 17:15

uniapp中uview组件库Toast 消息提示的使用方法

目录#基本使用#配置toast主题#toast结束跳转URL#API#Props#Params#Methods此组件表现形式类似uni的uni.showToastAPI，但也有不同的地方，具体表现在：uView的toast有5种主题可选可以配置toast结束后，跳转相应URL目前没有加载中的状态，请用uni的uni.showLoading，这个需求uni已经做得很好注意：由于uni中无法通过js创

TechWhiz-晓同·2024-01-18 15:03

uniapp中uview组件库的NoticeBar 滚动通知使用方法

目录#平台差异说明#基本使用#配置主题#配置图标#配置滚动速度#控制滚动的开始和暂停#事件回调#API#Props#Events该组件用于滚动通告场景，有多种模式可供选择#平台差异说明AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√√√#基本使用通过list数组参数设置需要滚动的内容滚动mode参数有两种模式，分别是horizontal水平滚动，vertical垂直滚动。其

TechWhiz-晓同·2024-01-18 15:03

systemc 学习笔记001-建模准备工作

wa0007·2024-01-18 02:48

前端常用组件大全

vant轻量、可靠的移动端Vue组件库https://vant-contrib.gitee.io/vant/v2/#/zh-CN/VantWeapp轻量、可靠的小程序UI组件库https://vant-contrib.gitee.io

lMoonRed·2024-01-17 12:37

子组件通知父组件之sync语法糖

今天在做自己的yy组件库时，其中一个dialog需要通过visible变量来改变组件的显示情况。

%程序羊%·2024-01-17 08:08

Vue3组件库开发之Button(1)

需求分析：Button组件大部分关注样式，没有交互根本分析可以得到具体的属性列表：type:不同的样式(Default,Primary,Danger,Info,Success,Warning)plain:样式的不同展现模式booleanround:圆角booleancircle:圆形按钮，适合图标booleansize:不同大小(small/normal/large)disabled:禁止bool

土井塔克树1412·2024-01-17 08:00

《Vite 基础知识》使用 Glob 动态加载 .vue 文件

前言开发基于Vite+Vue3的组件库，多个.vue文件需要动态加载！注意import.meta.globEager已经弃用，请使用import.meta.glob来代替！

AvatarGiser·2024-01-16 19:56

C#开源免费的Blazor图表库

追逐时光者·2024-01-16 14:43

CSS实现超出部分的省略

为什么要省略在日常开发过程中我们难免会遇到后端返回给我们的的数据太长的情况，此时我们通常采取的是...的省略方式，其中的CSS大致如下，既可以实现对应的省略显示，但有些时候我们有需要用户可以查看具体的完整信息，这里就那vue来距离，我们可以通过element等三方的组件库来实现对应的鼠标移入显示的功能

离逝的枫·2024-01-16 09:34

C#实现Excel合并单元格数据导入数据集

目录功能需求Excel与DataSet的映射关系范例运行环境ExcelDCOM配置设计实现组件库引入方法设计返回值参数设计打开数据源并计算Sheets拆分合并的单元格创建DataTable将单元格数据写入

初九之潜龙勿用·2024-01-15 19:52

vue3中的插槽使用

vue3中的插槽使用vue插槽分三种，默认插槽、具名插槽和作用域插槽，实现在同一个组件中填充不同的内容，项目中也经常会遇到，自己写的可以复用的组件中，经常会用到前2种，而UI组件库中经常会用到作用域插槽

栀椩·2024-01-15 18:29

前端可视化拖拽方案

技术栈：react+dva+less+umi+antd+node+sortableumi：组件库设计考虑的一个重要的问题就是体积和渲染问题,一旦组件库变的越来越多,那意味着页面加载会非常慢,所以我们需要实现异步加载组件和代码分割的能力

sweetBoy_9126·2024-01-15 12:12

Vant组件库

Vant组件库安装配置执行命令，下载安装vant组件库。

Rouer_jia·2024-01-15 10:06

开发利器——C语言必备实用第三方库

这也使得例如libevent这类事件库（基础组件库）一时间大红大紫。

码哥比特·2024-01-15 10:26

Vue组件封装

前言日常Vue开发常用组件有Vant、ElementUi、VuxUI、MintUI等组件库。可是作为一个前端菜鸡常常也会遇到需要自己封装组件的需求。所以在下面会介绍自己封装组件的心得体会。

逆风微笑的程序狗·2024-01-15 07:45

uniapp如何实现跨端适配

Uniapp提供了一套统一的API和组件库，可以实现跨端适配。Uniapp的跨端适配主要通过条件编译和样式适配来实现。

&ACE&·2024-01-14 12:43

Vue 使用IView ui组件库导航菜单做嵌套路由跳转，可以通过声明式和编程式路由两种方式

声明式路由的跳转{{item.title}}data(){return{siderMenuData:[{name:"ArticleManage",//此处的name用来路由跳转icon:"md-document",title:"文章管理",},{name:"CommentManage",icon:"md-chatbubbles",title:"评论管理",},{name:"ReportManage

Henry old·2024-01-14 11:42

前端架构师需要具备哪些能力？

公司一工作职责1、参与项目需求分析评审，负责核心功能详细设计；2、参与技术调研，负责解决开发过程中的技术难点问题；3、协助制定前端开发规范，核心代码开发；4、负责通用模块、组件库的设计、开发、优化及维护工作

全栈弄潮儿²⁰²⁴·2024-01-14 06:59

开源 UI 组件库和开发工具库概览 | 开源专题 No.59

ant-design/ant-designStars:87.9kLicense:MITAntDesign是一个企业级UI设计语言和ReactUI库。为Web应用程序设计的企业级UI。提供一套高质量的开箱即用的React组件。使用可预测静态类型编写TypeScript代码。包含完整的设计资源和开发工具包。支持数十种语言国际化支持基于CSS-in-JS实现强大主题定制功能。microsoft/flue

开源服务指南·2024-01-14 05:36

Axure rp9 入门

AxureRP9具有丰富的交互元素和组件库，支持团队协作和版本控制，可以输出高保真原型，适用于Web、移动端和桌面应用的设计Axure

空空_k·2024-01-14 05:06

uniapp中uview组件库的AlertTips 警告提示使用方法

目录#使用场景#平台差异说明#基本使用#图标#可关闭的警告提示#API#Props#Events警告提示，展现需要关注的信息。#使用场景当某个页面需要向用户显示警告的信息时。非浮层的静态展现形式，始终展现，不会自动消失，用户可以点击关闭。#平台差异说明AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√√√#基本使用通过title和description设置组件的标题和描述内容

TechWhiz-晓同·2024-01-14 05:57

Vue 修改 Element-UI 组件的原生样式

1、问题描述前端使用Element-UI组件库，常常会遇到样式不匹配或样式显示异常的情况，但之前每每遇到这种问题，总是想着换一个组件试试，对于原来组件的样式问题就常常不了了之。

Hemist·2024-01-14 02:17

前端组件库自定义主题切换探索-01-方案借鉴与思路参考

探索原因背景首先自然是项目有需求，这是必须去做的原因其次，是我们项目没有直接使用市面上现成的基于element-ui或者ant-design的第三方UI框架，比如avue，而是有着自己的UI组件库第三，

土豆片片·2024-01-14 01:27

前端组件库自定义主题切换探索-02-webpack-theme-color-replacer webpack 的实现逻辑和原理-01

本文来研究写webpack-theme-color-replacerwebpack的实现逻辑和原理。上一篇我们讲过，webpack-theme-color-replacerwebpack基本思路就是，webpack构建时，在emit事件（准备写入dist结果文件时）中，将即将生成的所有css文件的内容中带有指定颜色的css规则单独提取出来，再合并为一个theme-colors.css输出文件。然后