当前位置： 首页 > news >正文

前端常用UI框架

news 2026/3/31 20:57:07

前言：
作为一个前端码农，不仅要熟练使用原生技术，现在更需要掌握的是技术框架和ui框架，因为框架可以帮助我们快速的开发项目，并且能够保证界面的兼容和美观，下面是一些常用的前端ui框架，供大家参考：
1.elementui—饿了么，主要适用于pc端
elementui官网
2.ant Design—阿里，适用于pc端
ant design官网
3.ant Design Mobile—阿里，适用于移动端/H5/小程序
ant design mobile官网
4.ant Design Pro—阿里，适用于pc端
ant design pro官网
5.proComponents—在ant design基础上进行了封装
ProComponents官网
6.Taro—京东，适用于开发式多端框架，例如：移动端/H5/小程序等
Taro官网
7.arco Design—字节跳动，适用于中后台(pc端)
arco design官网
8.ionic—适用于接近原生的移动端
ionic教程
9.Naive Admin—适用于pc端
文档地址

以上ui框架可以兼容React和Vue技术框架。是我目前接触到的框架，如果还有其他比较好用的ui框架，欢迎大家评论分享，谢谢~

相关文章：

前端常用UI框架

前言： 作为一个前端码农，不仅要熟练使用原生技术，现在更需要掌握的是技术框架和ui框架，因为框架可以帮助我们快速的开发项目，并且能够保证界面的兼容和美观，下面是一些常用的前端ui框架，供大家参…...

编程日记 2023/7/28 6:54:52

创建自己的docker python容器环境；支持新增python包并更新容器；离线打包、加载image

1、创建自己的docker python容器环境 参考：https://blog.csdn.net/weixin_42357472/article/details/118991485 首先写Dockfile，注意不要有txt等后缀 Dockfile # 使用 Python 3.9 镜像作为基础 FROM python:3.9# 设置工作目录 WORKDIR /app# 复制当前…...

编程日记 2023/7/28 6:53:51

什么是Apache Kafka？

Apache Kafka是一个开源的分布式事件流平台，用于高性能、可扩展和持久化的数据传输。它最初由LinkedIn公司开发，并于2011年贡献给Apache软件基金会，成为一个顶级开源项目。 Kafka的设计目标是提供一种可靠、高吞吐量的消息传递系统&#xff…...

编程日记 2023/7/28 6:52:49

Langchain 的 Routerchain

Langchain 的 Routerchain 1. destination_chains2. LLMRouterChain3. EmbeddingRouterChain 本笔记本演示了如何使用 RouterChain 范例创建一个链，该链动态选择用于给定输入的下一个链。 路由器链由两个组件组成： RouterChain 本身（负责选…...

编程日记 2023/7/28 6:51:48

Springboot - druid 数据库密码加密

yml配置 jasypt:encryptor:password: U3buwRJdQ2023algorithm: PBEWithMD5AndDES # 数据源配置 spring:datasource:type: com.alibaba.druid.pool.DruidDataSourcedriverClassName: com.mysql.cj.jdbc.Driverdruid:# 主库数据源master:url: yourUrlusername: yourUsernamepass…...

编程日记 2023/7/28 6:50:47

Python中运行取消Python console模式

在Python里run的时候突然会发现，进入的不是run模式，而是console模式，这种运行模式能保留你每次的运行历史，因为会重开一个运行小页面，关闭操作如下：...

编程日记 2023/7/28 6:49:46

macOS Monterey 12.6.8 (21G725) 正式版发布，ISO、IPSW、PKG 下载

macOS Monterey 12.6.8 (21G725) 正式版发布，ISO、IPSW、PKG 下载 本站下载的 macOS 软件包，既可以拖拽到 Applications（应用程序）下直接安装，也可以制作启动 U 盘安装，或者在虚拟机中启动安装。另外也支持…...

编程日记 2023/7/28 6:48:45

计科web常见错误排错【HTTP状态404、导航栏无法点开、字符乱码及前后端数据传输呈现、jsp填写的数据传到数据库显示null、HTTP状态500】

web排错记录 在使用javaweb的过程中会出现的一些错误请在下方目录查找。 目录 错误1：HTTP状态404——未找到 错误2：导航栏下拉菜单无法点开的问题 错误3：字符乱码问题 错误4：jsp网页全部都是？？&#x…...

编程日记 2023/7/28 6:47:45

仿VScode MDK背景配色方案

效果如果所示 操作方法：备份后修改~/UV4文件夹下的global.prop，用以下的代码代替。 # properties for all file types indent.automatic1 virtual.space0 view.whitespace0 view.endofline0 code.page936 caretline.visible1 highlight.matchingbraces1…...

编程日记 2023/7/28 6:46:43

AutoSAR系列讲解（实践篇）9.5-通信的数据映射

本节很简单，但是很重要，是配置中必不可少的一个部分。因此单独列了这么一节出来 Data Mapping概述 在Davinci Cfg中，数据是不能直接放在IPDU上的，必须要映射到相应的Signals上才行。Signals一般是由通信矩阵定义的，但是通信矩阵并不知道程序中究竟用的是哪个数据进行传输…...

编程日记 2023/7/28 6:45:40

janus-Gateway的服务端部署

janus-Gateway 需求是前后端的webRTC推拉流，但是后端用的是c，于是使用了这个库做视频流的推送和拉取，记录踩坑过程。 如果你也需要自己部署janus的服务端并在前端拉流测试，希望对你有所帮助。 由于janus的服务器搭建需要linux环境…...

编程日记 2023/7/28 6:44:38

力扣简单1道_两数之和

两数之和 给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target 的那 两个 整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。你可以按任意顺序…...

编程日记 2023/7/28 6:43:37

从vue3速学react

单位老项目vue2,新项目vue3,业务已经熟练使用vue了，空余时间自学下react，写个博客记录下 react没有双向绑定，用的是jsx语法，useState后面是初始化值，需要改变data的时候，需要用定义的setXXX来改变XXX值&am…...

编程日记 2023/7/28 6:42:36

Kotlin 协程 CoroutineScope

协程定义： 19年官方是这样说的：协程是轻量级的线程，协程就是 Kotlin 提供的一套线程封装的 API； 现在官方是这样说的：协程是一种并发设计模式； 协程作用： 1.处理耗时任务； 2.保…...

编程日记 2023/7/28 6:41:35

如何构建适合自己的DevOps软件测试改进方案

​目录 DevOps成熟度模型分析 构建适合企业自身性能的测试过程改进框架 资料获取方法 根据2022年的DevOps全球调查报告显示，主流软件企业采用或部分采用DevOps且已获得良好成效的占比已达70%，DevOps俨然成为当下软件开发研究的重要方向。 测试作为软…...

编程日记 2023/7/28 6:40:34

PHP关于字符串的各类处理方法

判断字符串是否以指定子串开头或结尾 function startsWith($str, $prefix) {return stripos($str, $prefix) 0; }function endsWith($str, $suffix) {return substr_compare($str, $suffix, -strlen($suffix)) 0; }// 示例用法 $text "hello world"; $result st…...

编程日记 2023/7/28 6:39:33

Springboot+MyBatis使用

目录 依赖 配置信息 xml文件 mapper接口 打印日志 分页查询 依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId> </dependency><dependency><groupId>my…...

编程日记 2023/7/28 6:38:32

WebSocketServer的使用(@ServerEndpoint)

前端代码 function initWebSocket() {if (typeof WebSocket "undefined") {console.log("您的浏览器不支持WebSocket");} else {console.log("您的浏览器支持WebSocket");//实现化WebSocket对象&#xff0c;指定要连接的服务器地址与端口 建立连…...

编程日记 2023/7/28 6:37:31

【yolov8系列】将yolov8-seg 模型部署到瑞芯微RK3566上

前言 之前记录过【yolov5系列】将模型部署到瑞芯微RK3566上&#xff0c;整体比较流畅&#xff0c;记录了onnx转rknn的相关环境配置&#xff0c;使用的rk版本为rknn-toolkit2-v1.4.0。当前库已经更新为1.5&#xff0c;这里还是沿用1.4的版本进行记录。本篇博客是在上篇博客&…...

编程日记 2023/7/28 6:36:30

Java类的默认构造函数

什么情况下存在默认构造函数 说明 如果一个Java类没有显式包含构造函数的声明&#xff0c;那么隐含着有一个默认构造函数。 示例 定义一个类B&#xff0c;没有显式声明构造函数&#xff0c;所以存在一个默认构造函数&#xff1a; package com.thb;public class B {public …...

编程日记 2023/7/28 6:35:28

告别手动复制！用这个BAT脚本一键导出文件夹所有文件名到Excel

告别手动复制&#xff01;用这个BAT脚本一键导出文件夹所有文件名到Excel 整理文件清单是许多职场人士的日常痛点。想象一下&#xff1a;你刚接手一个包含数百个设计稿的文件夹&#xff0c;领导要求半小时内提交完整的文件清单&#xff1b;或者你需要将一个项目的所有代码文件整…...

编程新知 2026/3/31 19:47:29

5步快速上手：百度网盘直链解析工具实现高速下载

5步快速上手&#xff1a;百度网盘直链解析工具实现高速下载 【免费下载链接】baidu-wangpan-parse 获取百度网盘分享文件的下载地址 项目地址: https://gitcode.com/gh_mirrors/ba/baidu-wangpan-parse 还在为百度网盘的下载速度限制而烦恼吗&#xff1f;百度网盘直链解…...

编程新知 2026/3/31 17:59:35

蓝桥杯备赛：Floyd、Bellman-Ford、Dijkstra，三大最短路算法到底怎么选？（附场景对比与代码模板）

蓝桥杯竞赛&#xff1a;Floyd、Bellman-Ford、Dijkstra三大最短路算法实战指南 在算法竞赛的战场上&#xff0c;最短路问题就像是一道必考题&#xff0c;而Floyd、Bellman-Ford和Dijkstra这三大算法则是解题的利器。但很多选手在面对具体问题时常常陷入选择困难&#xff1a;该用…...

编程新知 2026/3/31 17:27:11

洛雪音乐音源项目：免费高品质音乐资源获取的终极方案

洛雪音乐音源项目&#xff1a;免费高品质音乐资源获取的终极方案 【免费下载链接】lxmusic- lxmusic(洛雪音乐)全网最新最全音源 项目地址: https://gitcode.com/gh_mirrors/lx/lxmusic- 1 价值定位&#xff1a;重新定义音乐资源获取体验 洛雪音乐音源项目作为一款开源…...

编程新知 2026/3/31 16:26:14

如何通过自动化硬件适配技术突破Hackintosh配置瓶颈：OpCore Simplify技术深度解析

如何通过自动化硬件适配技术突破Hackintosh配置瓶颈&#xff1a;OpCore Simplify技术深度解析 【免费下载链接】OpCore-Simplify A tool designed to simplify the creation of OpenCore EFI 项目地址: https://gitcode.com/GitHub_Trending/op/OpCore-Simplify 在开源系…...

编程新知 2026/3/31 15:06:34

从旅游Vlog到新闻视频：QVHIGHLIGHTS数据集在跨领域应用中的实战指南

QVHIGHLIGHTS数据集&#xff1a;跨领域视频内容智能解析的工程实践 当你在旅行Vlog中搜索"日落时分的海滩漫步"&#xff0c;或在新闻视频中寻找"抗议活动现场冲突画面"&#xff0c;传统视频平台只能返回整段视频——这就像给你一整本书而不是精确的页码。Q…...

编程新知 2026/3/31 14:01:14

TVBoxOSC：电视盒子全能播放解决方案终极指南

TVBoxOSC&#xff1a;电视盒子全能播放解决方案终极指南 【免费下载链接】TVBoxOSC TVBoxOSC - 一个基于第三方项目的代码库&#xff0c;用于电视盒子的控制和管理。 项目地址: https://gitcode.com/GitHub_Trending/tv/TVBoxOSC 你是否曾经为电视盒子播放视频时遇到格式…...

编程新知 2026/3/31 13:26:54

解锁智能OCR新范式：Pix2Text多模态内容识别技术全解析

解锁智能OCR新范式&#xff1a;Pix2Text多模态内容识别技术全解析 【免费下载链接】Pix2Text Pix In, Latex & Text Out. Recognize Chinese, English Texts, and Math Formulas from Images. 项目地址: https://gitcode.com/gh_mirrors/pi/Pix2Text Pix2Text是一款…...

编程新知 2026/3/31 13:06:42

QT 基于qcustomplot实现热力图（四）：动态数据流与交互优化实战

1. 动态数据流的核心实现策略 在实时监控系统中&#xff0c;热力图的数据往往需要持续更新。我遇到过不少开发者直接粗暴地全量刷新整个数据集&#xff0c;结果界面卡顿得像老式幻灯片。这里分享三种经过实战检验的动态更新方案&#xff0c;每种都有其适用场景。 增量更新法最适…...

编程新知 2026/3/31 12:46:00

RMBG-2.0多场景落地指南：短视频素材制作+电商主图抠图完整流程

RMBG-2.0多场景落地指南&#xff1a;短视频素材制作电商主图抠图完整流程 想快速给商品换个背景&#xff0c;又怕抠图不干净&#xff1f;想给短视频做个炫酷的片头&#xff0c;却被复杂的背景处理劝退&#xff1f;今天&#xff0c;咱们就来聊聊一个能让你彻底告别繁琐抠图的神…...

编程新知 2026/3/31 11:53:33