前端常用UI框架
前言：
作为一个前端码农，不仅要熟练使用原生技术，现在更需要掌握的是技术框架和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框架，供大家参…...
创建自己的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# 复制当前…...
什么是Apache Kafka？
Apache Kafka是一个开源的分布式事件流平台，用于高性能、可扩展和持久化的数据传输。它最初由LinkedIn公司开发，并于2011年贡献给Apache软件基金会，成为一个顶级开源项目。 Kafka的设计目标是提供一种可靠、高吞吐量的消息传递系统ÿ…...
Langchain 的 Routerchain
Langchain 的 Routerchain 1. destination_chains2. LLMRouterChain3. EmbeddingRouterChain 本笔记本演示了如何使用 RouterChain 范例创建一个链，该链动态选择用于给定输入的下一个链。 路由器链由两个组件组成： RouterChain 本身（负责选…...
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…...
Python中运行取消Python console模式
在Python里run的时候突然会发现，进入的不是run模式，而是console模式，这种运行模式能保留你每次的运行历史，因为会重开一个运行小页面，关闭操作如下：...
macOS Monterey 12.6.8 (21G725) 正式版发布，ISO、IPSW、PKG 下载
macOS Monterey 12.6.8 (21G725) 正式版发布，ISO、IPSW、PKG 下载 本站下载的 macOS 软件包，既可以拖拽到 Applications（应用程序）下直接安装，也可以制作启动 U 盘安装，或者在虚拟机中启动安装。另外也支持…...
计科web常见错误排错【HTTP状态404、导航栏无法点开、字符乱码及前后端数据传输呈现、jsp填写的数据传到数据库显示null、HTTP状态500】
web排错记录 在使用javaweb的过程中会出现的一些错误请在下方目录查找。 目录 错误1：HTTP状态404——未找到 错误2：导航栏下拉菜单无法点开的问题 错误3：字符乱码问题 错误4：jsp网页全部都是？？&#x…...
仿VScode MDK背景配色方案
效果如果所示 操作方法：备份后修改~/UV4文件夹下的global.prop，用以下的代码代替。 # properties for all file types indent.automatic1 virtual.space0 view.whitespace0 view.endofline0 code.page936 caretline.visible1 highlight.matchingbraces1…...
AutoSAR系列讲解（实践篇）9.5-通信的数据映射
本节很简单，但是很重要，是配置中必不可少的一个部分。因此单独列了这么一节出来 Data Mapping概述 在Davinci Cfg中，数据是不能直接放在IPDU上的，必须要映射到相应的Signals上才行。Signals一般是由通信矩阵定义的，但是通信矩阵并不知道程序中究竟用的是哪个数据进行传输…...
janus-Gateway的服务端部署
janus-Gateway 需求是前后端的webRTC推拉流，但是后端用的是c，于是使用了这个库做视频流的推送和拉取，记录踩坑过程。 如果你也需要自己部署janus的服务端并在前端拉流测试，希望对你有所帮助。 由于janus的服务器搭建需要linux环境…...
力扣简单1道_两数之和
两数之和 给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target 的那 两个 整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。你可以按任意顺序…...
从vue3速学react
单位老项目vue2,新项目vue3,业务已经熟练使用vue了，空余时间自学下react，写个博客记录下 react没有双向绑定，用的是jsx语法，useState后面是初始化值，需要改变data的时候，需要用定义的setXXX来改变XXX值&am…...
Kotlin 协程 CoroutineScope
协程定义： 19年官方是这样说的：协程是轻量级的线程，协程就是 Kotlin 提供的一套线程封装的 API； 现在官方是这样说的：协程是一种并发设计模式； 协程作用： 1.处理耗时任务； 2.保…...
如何构建适合自己的DevOps软件测试改进方案
目录 DevOps成熟度模型分析 构建适合企业自身性能的测试过程改进框架 资料获取方法 根据2022年的DevOps全球调查报告显示，主流软件企业采用或部分采用DevOps且已获得良好成效的占比已达70%，DevOps俨然成为当下软件开发研究的重要方向。 测试作为软…...
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…...
Springboot+MyBatis使用
目录 依赖 配置信息 xml文件 mapper接口 打印日志 分页查询 依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId> </dependency><dependency><groupId>my…...
)
WebSocketServer的使用(@ServerEndpoint)
前端代码 function initWebSocket() {if (typeof WebSocket "undefined") {console.log("您的浏览器不支持WebSocket");} else {console.log("您的浏览器支持WebSocket");//实现化WebSocket对象，指定要连接的服务器地址与端口 建立连…...
【yolov8系列】将yolov8-seg 模型部署到瑞芯微RK3566上
前言 之前记录过【yolov5系列】将模型部署到瑞芯微RK3566上，整体比较流畅，记录了onnx转rknn的相关环境配置，使用的rk版本为rknn-toolkit2-v1.4.0。当前库已经更新为1.5，这里还是沿用1.4的版本进行记录。本篇博客是在上篇博客&…...
Java类的默认构造函数
什么情况下存在默认构造函数 说明 如果一个Java类没有显式包含构造函数的声明，那么隐含着有一个默认构造函数。 示例 定义一个类B，没有显式声明构造函数，所以存在一个默认构造函数： package com.thb;public class B {public …...
java_网络服务相关_gateway_nacos_feign区别联系
1. spring-cloud-starter-gateway 作用：作为微服务架构的网关，统一入口，处理所有外部请求。 核心能力： 路由转发（基于路径、服务名等）过滤器（鉴权、限流、日志、Header 处理）支持负…...
Go 语言接口详解
Go 语言接口详解 核心概念 接口定义 在 Go 语言中，接口是一种抽象类型，它定义了一组方法的集合： // 定义接口 type Shape interface {Area() float64Perimeter() float64 } 接口实现 Go 接口的实现是隐式的： // 矩形结构体…...
【论文阅读28】-CNN-BiLSTM-Attention-（2024）
本文把滑坡位移序列拆开、筛优质因子，再用 CNN-BiLSTM-Attention 来动态预测每个子序列，最后重构出总位移，预测效果超越传统模型。 文章目录 1 引言2 方法2.1 位移时间序列加性模型2.2 变分模态分解 (VMD) 具体步骤2.3.1 样本熵（S…...
使用 Streamlit 构建支持主流大模型与 Ollama 的轻量级统一平台
🎯 使用 Streamlit 构建支持主流大模型与 Ollama 的轻量级统一平台 📌 项目背景 随着大语言模型（LLM）的广泛应用，开发者常面临多个挑战： 各大模型（OpenAI、Claude、Gemini、Ollama）接口风格不统一；缺乏一个统一平台进行模型调用与测试；本地模型 Ollama 的集成与前…...
docker 部署发现spring.profiles.active 问题
报错： org.springframework.boot.context.config.InvalidConfigDataPropertyException: Property spring.profiles.active imported from location class path resource [application-test.yml] is invalid in a profile specific resource [origin: class path re…...
C/C++ 中附加包含目录、附加库目录与附加依赖项详解
在 C/C 编程的编译和链接过程中，附加包含目录、附加库目录和附加依赖项是三个至关重要的设置，它们相互配合，确保程序能够正确引用外部资源并顺利构建。虽然在学习过程中，这些概念容易让人混淆，但深入理解它们的作用和联…...
LabVIEW双光子成像系统技术
双光子成像技术的核心特性 双光子成像通过双低能量光子协同激发机制，展现出显著的技术优势： 深层组织穿透能力：适用于活体组织深度成像 高分辨率观测性能：满足微观结构的精细研究需求 低光毒性特点：减少对样本的损伤…...
根目录0xa0属性对应的Ntfs!_SCB中的FileObject是什么时候被建立的----NTFS源代码分析--重要
根目录0xa0属性对应的Ntfs!_SCB中的FileObject是什么时候被建立的 第一部分： 0: kd> g Breakpoint 9 hit Ntfs!ReadIndexBuffer: f7173886 55 push ebp 0: kd> kc # 00 Ntfs!ReadIndexBuffer 01 Ntfs!FindFirstIndexEntry 02 Ntfs!NtfsUpda…...
提升移动端网页调试效率：WebDebugX 与常见工具组合实践
在日常移动端开发中，网页调试始终是一个高频但又极具挑战的环节。尤其在面对 iOS 与 Android 的混合技术栈、各种设备差异化行为时，开发者迫切需要一套高效、可靠且跨平台的调试方案。过去，我们或多或少使用过 Chrome DevTools、Remote Debug…...
Sklearn 机器学习 缺失值处理 获取填充失值的统计值
💖亲爱的技术爱好者们，热烈欢迎来到 Kant2048 的博客！我是 Thomas Kant，很开心能在CSDN上与你们相遇～💖 本博客的精华专栏： 【自动化测试】 【测试经验】 【人工智能】 【Python】 使用 Scikit-learn 处理缺失值并提取填充统计信息的完整指南 在机器学习项目中，数据清…...