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

前端常用UI框架

news 2026/2/7 15:14:12

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

测试微信模版消息推送

进入“开发接口管理”--“公众平台测试账号”&#xff0c;无需申请公众账号、可在测试账号中体验并测试微信公众平台所有高级接口。 获取access_token: 自定义模版消息&#xff1a; 关注测试号&#xff1a;扫二维码关注测试号。 发送模版消息&#xff1a; import requests da…...

编程新知 2026/2/1 11:44:45

前端倒计时误差!

提示：记录工作中遇到的需求及解决办法 文章目录 前言一、误差从何而来？二、五大解决方案1. 动态校准法（基础版）2. Web Worker 计时3. 服务器时间同步4. Performance API 高精度计时5. 页面可见性API优化三、生产环境最佳实践四、终极解决方案架构前言 前几天听说公司某个项…...

编程新知 2025/9/8 23:14:43

学习STC51单片机31（芯片为STC89C52RCRC）OLED显示屏1

每日一言 生活的美好&#xff0c;总是藏在那些你咬牙坚持的日子里。 硬件&#xff1a;OLED 以后要用到OLED的时候找到这个文件 OLED的设备地址 SSD1306"SSD" 是品牌缩写&#xff0c;"1306" 是产品编号。 驱动 OLED 屏幕的 IIC 总线数据传输格式 示意图 …...

编程新知 2026/1/30 4:16:26

论文浅尝 | 基于判别指令微调生成式大语言模型的知识图谱补全方法（ISWC2024）

笔记整理&#xff1a;刘治强&#xff0c;浙江大学硕士生&#xff0c;研究方向为知识图谱表示学习&#xff0c;大语言模型 论文链接&#xff1a;http://arxiv.org/abs/2407.16127 发表会议&#xff1a;ISWC 2024 1. 动机 传统的知识图谱补全&#xff08;KGC&#xff09;模型通过…...

编程新知 2026/1/31 12:03:23

使用 Streamlit 构建支持主流大模型与 Ollama 的轻量级统一平台

🎯 使用 Streamlit 构建支持主流大模型与 Ollama 的轻量级统一平台 📌 项目背景 随着大语言模型（LLM）的广泛应用，开发者常面临多个挑战： 各大模型（OpenAI、Claude、Gemini、Ollama）接口风格不统一；缺乏一个统一平台进行模型调用与测试；本地模型 Ollama 的集成与前…...

编程新知 2026/1/25 3:31:07

Linux离线（zip方式）安装docker

目录 基础信息操作系统信息docker信息 安装实例安装步骤示例 遇到的问题问题1&#xff1a;修改默认工作路径启动失败问题2 找不到对应组 基础信息 操作系统信息 OS版本&#xff1a;CentOS 7 64位 内核版本&#xff1a;3.10.0 相关命令&#xff1a; uname -rcat /etc/os-rele…...

编程新知 2025/11/23 23:50:53

GO协程(Goroutine)问题总结

在使用Go语言来编写代码时&#xff0c;遇到的一些问题总结一下 [参考文档]&#xff1a;https://www.topgoer.com/%E5%B9%B6%E5%8F%91%E7%BC%96%E7%A8%8B/goroutine.html 1. main()函数默认的Goroutine 场景再现&#xff1a; 今天在看到这个教程的时候&#xff0c;在自己的电…...

编程新知 2026/1/31 6:53:53

解读《网络安全法》最新修订，把握网络安全新趋势

《网络安全法》自2017年施行以来&#xff0c;在维护网络空间安全方面发挥了重要作用。但随着网络环境的日益复杂&#xff0c;网络攻击、数据泄露等事件频发&#xff0c;现行法律已难以完全适应新的风险挑战。 2025年3月28日&#xff0c;国家网信办会同相关部门起草了《网络安全…...

编程新知 2026/1/31 4:40:38

MinIO Docker 部署：仅开放一个端口

MinIO Docker 部署：仅开放一个端口 在实际的服务器部署中，出于安全和管理的考虑，我们可能只能开放一个端口。MinIO 是一个高性能的对象存储服务，支持 Docker 部署，但默认情况下它需要两个端口：一个是 API 端口（用于存储和访问数据），另一个是控制台端口（用于管理界面…...

编程新知 2025/12/23 11:08:56