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

前端常用UI框架

news 2025/7/7 12:13:25

前言：
作为一个前端码农，不仅要熟练使用原生技术，现在更需要掌握的是技术框架和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

浅谈 React Hooks

React Hooks 是 React 16.8 引入的一组 API&#xff0c;用于在函数组件中使用 state 和其他 React 特性&#xff08;例如生命周期方法、context 等&#xff09;。Hooks 通过简洁的函数接口&#xff0c;解决了状态与 UI 的高度解耦&#xff0c;通过函数式编程范式实现更灵活 Rea…...

编程新知 2025/7/7 6:59:35

生成xcframework

打包 XCFramework 的方法 XCFramework 是苹果推出的一种多平台二进制分发格式&#xff0c;可以包含多个架构和平台的代码。打包 XCFramework 通常用于分发库或框架。 使用 Xcode 命令行工具打包 通过 xcodebuild 命令可以打包 XCFramework。确保项目已经配置好需要支持的平台…...

编程新知 2025/6/20 13:53:42

19c补丁后oracle属主变化，导致不能识别磁盘组

补丁后服务器重启&#xff0c;数据库再次无法启动 ORA01017: invalid username/password; logon denied Oracle 19c 在打上 19.23 或以上补丁版本后&#xff0c;存在与用户组权限相关的问题。具体表现为&#xff0c;Oracle 实例的运行用户&#xff08;oracle&#xff09;和集…...

编程新知 2025/7/7 5:52:06

React 第五十五节 Router 中 useAsyncError的使用详解

前言 useAsyncError 是 React Router v6.4 引入的一个钩子&#xff0c;用于处理异步操作&#xff08;如数据加载&#xff09;中的错误。下面我将详细解释其用途并提供代码示例。 一、useAsyncError 用途 处理异步错误&#xff1a;捕获在 loader 或 action 中发生的异步错误替…...

编程新知 2025/6/18 6:31:56

FFmpeg 低延迟同屏方案

引言 在实时互动需求激增的当下&#xff0c;无论是在线教育中的师生同屏演示、远程办公的屏幕共享协作&#xff0c;还是游戏直播的画面实时传输&#xff0c;低延迟同屏已成为保障用户体验的核心指标。FFmpeg 作为一款功能强大的多媒体框架&#xff0c;凭借其灵活的编解码、数据…...

编程新知 2025/6/21 15:38:27

UR 协作机器人「三剑客」：精密轻量担当（UR7e）、全能协作主力（UR12e）、重型任务专家（UR15）

UR协作机器人正以其卓越性能在现代制造业自动化中扮演重要角色。UR7e、UR12e和UR15通过创新技术和精准设计满足了不同行业的多样化需求。其中&#xff0c;UR15以其速度、精度及人工智能准备能力成为自动化领域的重要突破。UR7e和UR12e则在负载规格和市场定位上不断优化&#xf…...

编程新知 2025/7/6 14:00:15

Swagger和OpenApi的前世今生

Swagger与OpenAPI的关系演进是API标准化进程中的重要篇章&#xff0c;二者共同塑造了现代RESTful API的开发范式。 本期就扒一扒其技术演进的关键节点与核心逻辑&#xff1a; &#x1f504; 一、起源与初创期&#xff1a;Swagger的诞生&#xff08;2010-2014&#xff09; 核心…...

编程新知 2025/6/20 15:14:31

大数据学习（132）-HIve数据分析

​​​​&#x1f34b;&#x1f34b;大数据学习&#x1f34b;&#x1f34b; &#x1f525;系列专栏&#xff1a; &#x1f451;哲学语录: 用力所能及&#xff0c;改变世界。 &#x1f496;如果觉得博主的文章还不错的话&#xff0c;请点赞&#x1f44d;收藏⭐️留言&#x1f4…...

编程新知 2025/6/25 7:35:04

大语言模型（LLM）中的KV缓存压缩与动态稀疏注意力机制设计

随着大语言模型&#xff08;LLM&#xff09;参数规模的增长&#xff0c;推理阶段的内存占用和计算复杂度成为核心挑战。传统注意力机制的计算复杂度随序列长度呈二次方增长&#xff0c;而KV缓存的内存消耗可能高达数十GB&#xff08;例如Llama2-7B处理100K token时需50GB内存&a…...

编程新知 2025/6/16 21:35:46

IP如何挑？2025年海外专线IP如何购买？

你花了时间和预算买了IP&#xff0c;结果IP质量不佳&#xff0c;项目效率低下不说&#xff0c;还可能带来莫名的网络问题&#xff0c;是不是太闹心了&#xff1f;尤其是在面对海外专线IP时&#xff0c;到底怎么才能买到适合自己的呢&#xff1f;所以&#xff0c;挑IP绝对是个技…...

编程新知 2025/6/21 6:34:03