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

Vue Amazing UI 组件库（Vue3+TypeScript+Vite 等最新技术栈开发）

news 来源：原创 2025/5/6 12:57:30

在这里插入图片描述

Vue Amazing UI

一个 Vue 3 组件库

使用 TypeScript，都是单文件组件 (SFC)，支持 tree shaking

有点意思

English | 中文

Vue Amazing UI 是一个基于 Vue 3、TypeScript、Vite 等最新技术栈开发构建的现代化组件库，包含丰富的 UI 组件和常用工具函数，并且持续不断维护更新中。另外，组件库全量使用 TypeScript，支持自动按需引入和 Tree Shaking 等，能够显著提升开发效率，降低开发成本。

文档

Vue Amazing UI

特性

组件库采用 Vue@3.5.13+ TypeScript@5.7.2 + Vite@6.0.7 + Less@4.2.1 实现
目前共包含 63 个基础 UI 组件以及 16 个工具函数，并且持续探索更新中…
顺便一提，它们全都可以 treeshaking
Vue Amazing UI 全量使用 TypeScript 编写，和你的 TypeScript 项目无缝衔接
全部组件均采用单文件组件 SFC 风格，可独立使用
开箱即用，不墨迹

安装

pnpm add vue-amazing-ui
# or
npm install vue-amazing-ui
# or
yarn add vue-amazing-ui
# or
bun add vue-amazing-ui

使用组件

全局完整注册（不推荐）

失去 tree-shaking 的能力，打包后有冗余代码

import { createApp } from 'vue'
import App from './App.vue'
import VueAmazingUI from 'vue-amazing-ui'
import 'vue-amazing-ui/css'const app = createApp(App)
app.use(VueAmazingUI)
app.mount('#app')

全局部分注册

这种情况下，只有导入的组件才会被打包

import { createApp } from 'vue'
import App from './App.vue'
import { Button, Tag } from 'vue-amazing-ui'
import 'vue-amazing-ui/es/button/Button.css'
import 'vue-amazing-ui/es/tag/Tag.css'const app = createApp(App)
app.use(Button).use(Tag)
app.mount('#app')

局部注册组件

这种情况下，也只有导入的组件才会被打包

<script setup lang="ts">
import { Button, Tag } from 'vue-amazing-ui'
import 'vue-amazing-ui/es/button/Button.css'
import 'vue-amazing-ui/es/tag/Tag.css'
</script>
<template><Button>button</Button><Tag>tag</Tag>
</template>

自动引入样式（推荐）

使用 vite-plugin-style-import 插件来按需自动引入组件样式，插件会自动解析模板中的使用到的组件，并导入其样式

pnpm add vite-plugin-style-import -D
# or
npm install vite-plugin-style-import -D
# or
yarn add vite-plugin-style-import -D
# or
bun add vite-plugin-style-import -D

// vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { createStyleImportPlugin } from 'vite-plugin-style-import'
// 自动引入组件样式
import { VueAmazingUIStyleResolve } from 'vue-amazing-ui'// https://vitejs.dev/config/
export default defineConfig({plugins: [vue(),// imports component library styles on demandcreateStyleImportPlugin({resolves:[VueAmazingUIStyleResolve()]})]
})

然后，你可以在代码中引入使用 vue-amazing-ui 的所有组件，无论是全局部分注册的方式，还是局部注册的方式，都无需再额外引入组件样式

全局部分注册

import { createApp } from 'vue'
import App from './App.vue'
import { Button, Tag } from 'vue-amazing-ui'const app = createApp(App)
app.use(Button).use(Tag)
app.mount('#app')

局部注册

<script setup lang="ts">
import { Button, Tag } from 'vue-amazing-ui'
</script>
<template><Button>button</Button><Tag>tag</Tag>
</template>

自动按需引入（强烈推荐）

使用 unplugin-vue-components 插件来按需自动加载组件，插件会自动解析模板中的使用到的组件，并导入组件和样式

pnpm add unplugin-vue-components -D
# or
npm install unplugin-vue-components -D
# or
yarn add unplugin-vue-components -D
# or
bun add unplugin-vue-components -D

// vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import Components from 'unplugin-vue-components/vite'
// vue-amazing-ui 按需引入
import { VueAmazingUIResolver } from 'vue-amazing-ui'// https://vitejs.dev/config/
export default defineConfig({plugins: [vue(),Components({resolvers: [// auto import components from VueAmazingUIVueAmazingUIResolver()]})]
})

然后，你可以在代码中直接使用 vue-amazing-ui 的所有组件

<template><Button>button</Button><Tag>tag</Tag>
</template>

使用类型

所有类型均可直接从 vue-amazing-ui 中引入使用，无需任何额外安装

<script setup lang="ts">
import type { ButtonProps } from 'vue-amazing-ui'
const shape = ref<ButtonProps['shape']>('default')
</script>
<template><Button :shape="shape">button</Button>
</template>

使用工具函数

<script setup lang="ts">
import {dateFormat,formatNumber,rafTimeout,cancelRaf,throttle,debounce,add,downloadFile,toggleDark,useEventListener,useMutationObserver,useScroll,useFps,useMediaQuery,useResizeObserver,useSlotsExist
} from 'vue-amazing-ui'
</script>

项目

获取项目代码

git clone https://github.com/themusecatcher/vue-amazing-ui.git

安装依赖

cd vue-amazing-uipnpm i

启动

pnpm dev

博客

My CSDN Blogs

组件

名称	说明	名称	说明
Alert	警告提示	Avatar	头像
BackTop	回到顶部	Badge	徽标
Breadcrumb	面包屑	Button	按钮
Card	卡片	Carousel	轮播图
Cascader	级联选择	Checkbox	复选框
Collapse	折叠面板	Countdown	倒计时
DatePicker	日期选择	Descriptions	描述列表
Dialog	对话框	Divider	分割线
Drawer	抽屉	Ellipsis	文本省略
Empty	空状态	Flex	弹性布局
FloatButton	浮动按钮	GradientText	渐变文字
Grid	栅格	Image	图片
Input	输入框	InputNumber	数字输入框
InputSearch	搜索框	List	列表
LoadingBar	加载条	Message	全局提示
Modal	模态框	Notification	通知提醒
NumberAnimation	数值动画	Pagination	分页
Popconfirm	弹出确认	Popover	气泡卡片
Progress	进度条	QRCode	二维码
Radio	单选框	Rate	评分
Result	结果	Scrollbar	滚动条
Segmented	分段控制器	Select	选择器
Skeleton	骨架屏	Slider	滑动输入条
Space	间距	Spin	加载中
Statistic	统计数值	Steps	步骤条
Swiper	触摸滑动插件	Switch	开关
Table	表格	Tabs	标签页
Tag	标签	Textarea	文本域
TextScroll	文字滚动	Timeline	时间轴
Tooltip	文字提示	Upload	上传
Video	播放器	Waterfall	瀑布流
Watermark	水印

工具函数

名称	说明	类型
dateFormat	格式化日期时间字符串函数	(value: number \| string \| Date = Date.now(), format: string = ‘YYYY-MM-DD HH:mm:ss’) => string
formatNumber	数字格式化函数	(value: number \| string, precision: number = 2, separator: string = ‘,’, decimal: string = ‘.’, prefix?: string, suffix?: string) => string
rafTimeout	使用 `requestAnimationFrame` 实现的 `setTimeout` 或 `setInterval` 调用函数	(fn: Function, delay: number = 0, interval: boolean = false) => object
cancelRaf	用于取消 `rafTimeout` 函数	(raf: { id: number }) => void
throttle	节流函数	(fn: Function, delay: number = 300) => any
debounce	防抖函数	(fn: Function, delay: number = 300) => any
add	消除 `js` 加减精度问题的加法函数	(num1: number, num2: number) => number
downloadFile	下载文件并自定义文件名，未传 `name` 时，从文件地址中自动提取文件名称	(url: string, fileName?: string) => void
toggleDark	一键切换暗黑模式函数	() => void
useEventListener	使用 `Vue` 的生命周期钩子添加和移除事件监听器	(target: HTMLElement \| Window \| Document, event: string, callback: Function) => void
useMutationObserver	使用 `MutationObserver` 观察 `DOM` 元素的变化	(target: Ref \| Ref[] \| HTMLElement \| HTMLElement[], callback: MutationCallback, options = {}) => object
useScroll	实时监测目标元素滚动位置及状态	(target: Ref \| HTMLElement \| Window \| Document = window, throttleDelay: number = 0, onScroll?: (e: Event) => void, onStop?: (e: Event) => void) => object
useFps	实时监测浏览器刷新率FPS	() => object
useMediaQuery	使用媒体查询来判断当前环境是否符合指定的媒体查询条件	(mediaQuery: string) => object
useResizeObserver	使用 `ResizeObserver` 观察 `DOM` 元素尺寸变化	(target: Ref \| Ref[] \| HTMLElement \| HTMLElement[], callback: ResizeObserverCallback, options = {}) => object
useSlotsExist	监听给定名称或名称数组的插槽是否存在，支持监听单个插槽或一组插槽的存在	(slotsName: string \| string[] = ‘default’) => Reactive \| Ref<boolean>

Vue Amazing UI 组件库（Vue3+TypeScript+Vite 等最新技术栈开发）

Vue Amazing UI 一个 Vue 3 组件库使用 TypeScript，都是单文件组件 (SFC)，支持 tree shaking 有点意思 English | 中文 Vue Amazing UI 是一个基于 Vue 3、TypeScript、Vite 等最新技术栈开发构建的现代化组件库，包含丰富的 UI 组件和常…...

编程日记 2025/5/6 12:57:30

Android NDK开发实战之环境搭建篇(so库,Gemini ai)

文章流程音视频安卓开发首先涉及到ffmpeg编译打包动态库，先了解动态库之间的cpu架构差异性。然后再搭建可运行的Android 环境。 So库适配⽇常开发我们经常会使⽤到第三库，涉及到底层的语⾳，视频等都需要添加so库。⽽so库的体积⼀般来说⾮…...

编程日记 2025/5/6 2:57:05

Word中所有的通配符使用方式[Word如何批量删除中文标点符号，英文标点符号，英文字母符号，数字符号，中文汉字符号]

Word中所有的通配符使用方式概念讲解通配符一览表详细介绍通配符的使用使用通配符搜索简洁通配符链接操作演示链接概念讲解 Word中的通配符是用在查找和替换中的正则表达式。通配符可以实现高级的查找替换，快速整理和排版文档。常用的通配符包括： “*…...

编程日记 2025/5/6 12:09:31

ElasticSearch内存占用率过高怎么办？

文章目录 1，先用top看看各个进程的内存占用情况2，不能简单的杀死进程，然后再重启。3，查看一下ElasticSearch进程的具体启动情况4，修改Elasticsearch 的Java堆内存 1，先用top看看各个进程的内存占用情况先…...

编程日记 2025/5/6 12:18:02

svelte5中使用react组件

在svelet5中导入并使用react组件库 svelte5中使用react组件 svelte5中使用react组件在svelet5中导入并使用react组件库, 示例项目地址：https://github.com/shenshouer/my-svelte-react 在svelte5中当前还有问题，无法将children传递到react中渲染使用…...

编程日记 2025/5/6 12:56:09

Linux 文件的特殊权限—ACL项目练习

本文为Ubuntu Linux操作系统- 第二十一期~~ 上期回顾: 【ACL权限控制详解】更多Linux 相关内容请点击👉【Linux专栏】~ 主页：【练小杰的CSDN】文章目录项目项目要求具体的设置命令如下问题2问题3第一步：设置默认ACL前，在projec…...

编程日记 2025/5/6 12:53:22

游戏引擎学习第76天

确保一切正常并计划今天的内容在本次开发中，我们正在集中精力处理引擎中的三维功能，尤其是如何有效地处理多层结构，比如在多个楼层之间行走，或者在房间上方可以看到下方的房间。我们的目标是避免使用临时解决方案或黑客方式&…...

编程日记 2025/5/4 20:28:55

【Linux-多线程】POSIX信号量-基于环形队列生产消费模型

POSIX信号量 POSIX信号量和System V信号量作用相同，都是用于同步操作，达到无冲突的访问共享资源的目的。但POSIX可以用于线程间同步 1.快速认识信号量接口 POSIX信号量分为两种类型： 命名信号量（Named Semaphores）&…...

编程日记 2025/5/6 12:26:29

电脑32位和64位之区别（Difference between 32-Bit and 64 Bit Computers）

电脑32位和64位之区别很多小伙伴还不知道电脑32位和64位是什么意思，今天小编就来普及一下。 32位和64位是指电脑处理器（CPU）和操作系统的架构，决定了电脑如何处理数据、存储信息、运行程序等。 32位和64位是指电脑系统中每个处…...

编程日记 2025/5/1 4:51:35

1688平台商品关键词搜索的多样性与Python爬虫应用实践

在当今这个信息化、数字化飞速发展的时代，电子商务平台已经成为人们日常生活中不可或缺的一部分。而1688作为国内知名的B2B电商平台，凭借其庞大的商品种类和丰富的供应链资源，为无数商家和消费者提供了便捷的交易渠道。除了广受关注的女装品类…...

编程日记 2025/5/6 11:14:08

2025年：AI化浪潮中的社会变迁与商业革新

随着人工智能（AI）技术的迅猛发展，2025年将成为一个转折点。这一年，AI不仅将深入到日常生活和商业运营的各个角落，还将引发一系列深刻的社会、经济和技术变革。以下是对未来一年可能出现的“AI化”现象的预测与展望。 AI进入主流文化的标志超级碗广告：在2025年的超级碗上…...

编程日记 2025/5/6 11:22:48

JS scrollIntoView 技巧揭秘：解锁网页流畅交互

文章目录一.基本概念二.语法和参数基本语法：element.scrollIntoView();参数详解： 三.应用场景和示例场景一：点击目录点位到相应的位置React 示例代码：Vue3 示例代码： 场景二：轮播图定位到指定图片示例代码…...

编程日记 2025/5/3 6:17:00

精选2款.NET开源的博客系统

前言博客系统是一个便于用户创建、管理和分享博客内容的在线平台，今天大姚给大家分享2款.NET开源的博客系统。 StarBlog StarBlog是一个支持Markdown导入的开源博客系统，后端基于最新的.Net6和Asp.Net Core框架，遵循RESTFul接口规范&…...

编程日记 2025/5/6 11:52:44

1.CSS的复合选择器

1.1 什么是复合选择器在CSS中，可以根据选择器的类型把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上，对基础选择器进行组合形成的。复合选择器可以更精准、更高效的选择目标元素（标签） 复…...

编程日记 2025/5/6 3:58:18

sys.dm_exec_connections：查询与 SQL Server 实例建立的连接有关的信息以及每个连接的详细信息（客户端ip）

文章目录引言I 基于dm_exec_connections查询客户端ip权限物理联接时间范围dm_exec_connections表see also: 监视SQL Server 内存使用量资源信号灯 DMV sys.dm_exec_query_resource_semaphores（确定查询执行内存的等待）引言查询历史数据库客户端ip应用场景：安全分析缺乏…...

编程日记 2025/5/5 22:19:49

gitee 使用教程

前言 Gitee 是一个中国的开源代码托管平台，类似于 GitHub，旨在为开发者提供一个高效、稳定、安全的代码管理和协作开发环境。Gitee 支持 Git 协议，可以托管 Git 仓库，进行版本控制、代码协作、项目管理等操作。 1. Gitee 的主要…...

编程日记 2025/5/6 12:46:27

HTMLHTML5革命：构建现代网页的终极指南 - 0. 课程目录设计

结构清晰，层层递进课程从基础知识（如HTML学前必知）开始，逐步深入到高级应用（如PWA配置和WebApp优化）。每个模块都有明确的目标，适合零基础学员逐步掌握HTML。覆盖范围广这套课程涵盖了HTM…...

编程日记 2025/5/6 12:47:55

嵌入式系统（2.嵌入式硬件系统基础）

2.嵌入式硬件系统基础 2.1嵌入式硬件系统的组成嵌入式硬件系统以嵌入式微处理器为核心，主要由嵌入式微处理器、总线、存储器、输入/输出接口和设备组成。嵌入式微处理器嵌入式微处理器采用冯诺依曼结构或哈佛结构：前者指令和数据共享同一存储空间…...

编程日记 2025/5/6 11:58:46

Vue3轮播图的实现：vue3-carousel的使用和配置

vue3-carousel 是一个用于 Vue 3 的轻量级、响应式、功能强大的轮播组件。它允许你轻松创建可以滚动的图片或内容滑块。下面是关于如何安装、使用以及配置 vue3-carousel 的一些示例和详细说明。目录一、安装 vue3-carousel 二、引入三、轮播全局样式修改一、安装 vue3-…...

编程日记 2025/4/28 21:19:52

Spring AI ectorStore

Spring AI中的VectorStore是一种用于存储和检索高维向量数据的数据库或存储解决方案，它在AI应用中扮演着至关重要的角色。以下是对Spring AI VectorStore的详细解析： 一、VectorStore的基本概念定义：VectorStore特别适用于处理那些经过嵌入…...

编程日记 2025/5/5 3:16:46

uniapp vue2版本如何设置i18n

如何设置i18n在该软件设置过语言的情况下优先选择所设置语言，在没有设置的情况下，获取本系统默认语言就，将系统默认语言设置为当前选择语言。 1、下载依赖： npm install vue-i18n --save 2、创建相关文件（在最外层&…...

编程日记 2025/4/29 15:33:47

【2024华为OD-E卷-100分-boss的收入】（题目+思路+JavaC++Python解析)

题目描述题目：boss的收入在一个公司中，有一个老板（boss）和若干名员工（employees）。老板和员工的收入信息存储在一个数组中，其中数组的每个元素表示一个人的收入。数组的第0个元素表示老板的…...

编程日记 2025/5/6 11:08:58

若依 ruoyi-vue HandlerInterceptor 拦截器文件接口自定义权限

文件资源添加自定义权限 package com.huida.framework.config;import com.huida.framework.interceptor.FileInterceptor; import com.huida.framework.interceptor.RequestInterceptor; import org.springframework.beans.factory.annotation.Autowired; import org.springfr…...

编程日记 2025/4/28 3:01:48

在离线环境中安装 `.rpm` 包的步骤

在一些环境中，可能无法直接通过网络安装软件包。特别是在没有互联网连接的情况下，我们仍然可以手动下载 .rpm 安装包并进行离线安装。本文将介绍如何在离线环境中安装多个 .rpm 包，确保软件的顺利安装和依赖关系的处理。 1. 将 .rpm 文件复制…...

编程日记 2025/4/30 21:21:54

Python----Python爬虫（selenium的使用，定位元素，层级定位）

一、介绍与安装 Selenium是一个Web的自动化测试工具，最初是为网站自动化测试而开发的，类型像我们玩游戏用的按键精灵，可以按指定的命令自动操作，不同是Selenium 可以直接运行在浏览器上，它支持所有主流的浏览器。 Sele…...

编程日记 2025/5/2 21:49:31

Docker 服务、镜像、容器之命令（Docker Services, Images, and Container Commands）

Docker 服务、镜像、容器之命令 Docker是一个强大的容器化平台，能够帮助开发者高效地构建、部署和管理应用程序。本文将详细介绍Docker的服务命令、镜像命令和容器命令，帮助你快速上手Docker。一、Docker的服务相关命令在使用Docker之前&#xff0c…...

编程日记 2025/4/27 17:47:31

当歌 - RSS 订阅分发平台开发

以下将详细介绍当歌平台的技术架构、功能实现以及相关代码逻辑。一、项目概述当歌是一个极简的 RSS 订阅分发平台，旨在为用户提供便捷的 RSS 管理和订阅服务，帮助用户轻松获取和分享最新资讯。二、技术架构后端语言：PHP 数据库&#…...

编程日记 2025/4/29 9:53:13

vue3使用AntV X6 (图可视化引擎)历程[二]

通过h函数动态展示自定义节点内容一、案例效果二、案例代码父组件. BloodTopology.vue <template><div><TopologyCompact><template #main-board-box><TopologyDependent domId"featureBloodContainer" :nodeData"originalNode…...

编程日记 2025/5/3 3:38:44

爬虫学习记录

1.概念通过编写程序,模拟浏览器上网,然后让其去互联网上抓取数据的过程通用爬虫:抓取的是一整张页面数据聚焦爬虫:抓取的是页面中的特定局部内容增量式爬虫:监测网站中数据更新的情况,只会抓取网站中最新更新出来的数据 robots.txt协议: 君子协议,网站后面添加robotx.txt…...

编程日记 2025/5/5 21:38:39

Erlang语言的函数实现

Erlang语言函数实现的深度探讨引言 Erlang是一种并发编程语言，最初由爱立信公司为电信系统开发。它以其强大的并发处理能力和容错机制而闻名，广泛应用于实时系统和分布式系统。本文将详细探讨Erlang语言中的函数实现，包括函数的定义、调用…...

编程日记 2025/4/29 12:22:11

LLM之RAG实战（五十一）| 使用python和Cypher解析PDF数据，并加载到Neo4j数据库

一、必备条件： python语言Neo4j数据库python库：neo4j、llmsherpa、glob、dotenv 二、代码： from llmsherpa.readers import LayoutPDFReaderfrom neo4j import GraphDatabaseimport uuidimport hashlibimport osimport globfrom datetime …...

编程日记 2025/5/5 7:51:52

单例模式-如何保证全局唯一性？

以下是几种实现单例模式并保证全局唯一性的方法： 1. 饿汉式单例模式 class Singleton { private:// 私有构造函数，防止外部创建对象Singleton() {}// 静态成员变量，存储单例对象static Singleton instance; public:// 公有静态成员函数&…...

编程日记 2025/5/2 13:33:58

05、Docker学习，常用安装：Mysql、Redis、Nginx、Nacos

Docker学习，常用安装：Mysql、Redis、Nginx、Nacos 一、Docker安装Mysql 1、docker search mysql ##查找mysql版本都有哪些 2、docker pull mysql:5.6 ##下载5.6版本的mysql镜像 3、docker run -p 13306:3306 --name mysql ##运行…...

编程日记 2025/5/6 5:24:32

docker 启动redis 守护进程

文章目录前言一、整体流程二、状态图三、结语前言在现代软件开发中，缓存和消息队列是提高应用性能和扩展性的关键。Redis 是一种流行的内存数据结构存储系统，它支持多种类型的数据结构，如字符串、哈希、列表、集合、有序集合等。使用 Doc…...

编程日记 2025/4/27 12:07:11

Angular由一个bug说起之十三：Cross Origin

跨域想要了解跨域，首要要了解源什么是源，源等于协议加域名加端口号只有这三个都相同，才是同源，反之则是非同源。比如下面这四个里，只有第4个是同源而浏览器给服务器发送请求时，他们的源一样&#xff0…...

编程日记 2025/4/27 3:26:57

为深度学习引入张量

为深度学习引入张量什么是张量？ 神经网络中的输入、输出和转换都是使用张量表示的，因此，神经网络编程大量使用张量。张量是神经网络使用的主要数据结构。张量的概念是其他更具体概念的数学概括。让我们看看一些张量的具体实例。张量…...

编程日记 2025/5/1 20:23:50

opencv摄像头标定程序实现

摄像头标定是计算机视觉中的一个重要步骤，用于确定摄像头的内参（如焦距、主点、畸变系数等）和外参（如旋转矩阵和平移向量）。OpenCV 提供了方便的工具来进行摄像头标定。下面分别给出 C 和 Python 的实现。 1. C 实现…...

编程日记 2025/5/5 0:09:17

Flutter：封装一个自用的bottom_picker选择器

效果图：单列选择器使用bottom_picker: ^2.9.0实现，单列选择器，官方文档 pubspec.yaml # 底部选择 bottom_picker: ^2.9.0picker_utils.dart AppTheme：自定义的颜色 TextWidget.body Text() <Widget>[].toRow Row()下边代…...

编程日记 2025/5/4 17:20:40

Docker 容器自动化管理之脚本(Script for Docker Container Automation Management)

Docker 容器自动化管理之脚本简介 Docker‌是一个开源的容器化平台，旨在简化应用程序的开发、部署和运行过程。它通过将应用程序及其依赖项打包到一个可移植的容器中，使得开发人员能够在不同的环境中以一致的方式构建、打包和分发应用程序‌。 Docke…...

编程日记 2025/4/30 8:52:21

client-go中watch机制的一些陷阱

Reference https://stackoverflow.com/questions/51399407/watch-in-k8s-golang-api-watches-and-get-events-but-after-sometime-doesnt-get-an 问题描述最近在使用 client-go 的 watch 机制监听 k8s 中的 deployment 资源时，发现一个奇怪的现象先看下代码&a…...

编程日记 2025/5/3 17:04:33

用户界面的UML建模11

然而，在用户界面方面，重要的是要了解《boundary》类是如何与这个异常分层结构进行关联的。《exception》类的对象可以作为《control》类的对象。因此，《exception》类能够聚合《boundary》类。参见图12，《exception》Database…...

编程日记 2025/4/25 21:12:07

计算机网络之---数据链路层的功能与作用

数据链路层概念数据链路层（Data Link Layer）是计算机网络中的第二层，它位于物理层和网络层之间，主要负责数据在物理链路上的可靠传输。其基本功能是将网络层传来的数据分成帧，并负责在物理链路上可靠地传输这些数据帧…...

编程日记 2025/5/2 16:55:48

添加到 PATH 环境变量中

命令解释 # 将命令中的<CLI_PATH>替换为您aliyun文件的所在目录。 echo export PATH$PATH:<CLI_PATH> >> ~/.bash_profile echo export PATH$PATH:/data2/ljsang/aliyun/aliyun >> ~/.bash_profileexport PATH$PATH:/data2/ljsang/aliyun/aliyun&…...

编程日记 2025/5/3 15:36:46

【51单片机零基础-chapter6:LCD1602调试工具】

实验0-用显示屏LCD验证自己的猜想如同c的cout,前端的console.log() #include <REGX52.H> #include <INTRINS.H> #include "LCD1602.h" int var0; void main() {LCD_Init();LCD_ShowNum(1,1,var211,5);while(1){;} }实验1-编写LCD1602液晶显示屏驱动函…...

编程日记 2025/4/30 6:29:29

Linux 内核中的 netif_start_queue 函数：启动网络接口发送队列的关键

在 Linux 内核的网络子系统中，netif_start_queue 函数扮演着至关重要的角色。这个函数的主要功能是启动（或启用）网络接口的发送队列，标志着网络接口已经准备好开始发送数据包。本文将深入探讨 netif_start_queue 函数的用途、工作原理以及在实际网络驱动代码中的应用。函…...

编程日记 2025/5/4 17:25:57

（七）人工智能进阶之人脸识别：从刷脸支付到智能安防的奥秘，小白都可以入手的MTCNN+Arcface网络

零、开篇趣谈还记得第一次用支付宝"刷脸"时的新奇感吗？或者被抖音的人脸特效逗乐的瞬间？这些有趣的应用背后，其实藏着一个精妙的AI世界。今天，就让我们开启一段奇妙的人脸识别技术探索之旅吧！ 一、人脸识…...

编程日记 2025/4/29 15:33:48

ExcelDataReader：一个.Net高性能Excel开源读取器

推荐一个用于读取Microsoft Excel文件的高性能开源库。 01 项目简介 ExcelDataReader是一个功能强大且易于使用的开源项目，提供了丰富的读取API，专门读取Excel文件的数据，特别是处理大数据量的情况。 ExcelDataReader支持Excel版本从2007年…...

编程日记 2025/5/5 20:48:45

人工智能-机器学习之多元线性回归（项目实践一）

目标：运用scikit-learn进行多元线性回归方程的构建，通过实际案例的训练集和测试集进行预测，最终通过预测结果和MSE来评估预测的精度。一、首先安装scikit-learn：pip install scikit-learn C:\Users\CMCC\PycharmProjects\AiPro…...

编程日记 2025/5/5 17:45:20