vue3项目练习大全（附github源码）
vue慢慢的成为了前端最受欢迎的框架之一，在很多项目之中开发都能用得到，如今也已经发展到3.0了，可能是因为这个框架可以提高工作效率，因此受到大家的追捧，在之前的文章里面也说过，2019年，大前端学习小程序和vue是必备技能。2023年必将是vue3-ts主流，拥抱新技术必须是我们要接受的！
如果在平时的工作里，有些公司用不到这两项技能，那你也要在业余的时间里面，找一些教程和练手的vue小项目。以下是今年的一些可以练笔的项目，这些源码稍微学习其中的几个，基础能力都能够有所进步。
vue-big-screen-plugin
vue3全家桶搭建大型单页面商城项目(移动端)，小米书城 Vue3 版本，技术栈为Vite + Script setup + Vue 3.0 + Vue-Router 4.0 + Vuex 4.0 + Axios + Node。
vue新手练习项目：https://github.com/Wscats/vue-cli
基于vite打包的vue3 + ts + tsx模板项目：https://github.com/justwiner/vue3-tsx
基于Vue3+Element Plus 后台管理demo：https://github.com/typ1805/mall-vue3-manage
vue3-typescript-template：vue3 + vuex + typescript + webpack + vant-ui + axios + less + postcss-pxtorem(rem适配)
sql-generator：前端使用 Vue3 + Vite + Ant Design Vue 开发界面，选用 Monaco Editor 实现代码编辑、高亮、格式化等功能，使用 TypeScript + ESLint 保证代码规范
vue3-vite-ts-uniapp
RuoYi-Vue3：Vue3版本若依管理前端项目
基于 Vue3 + pinia + Element Plus 的后台管理系统解决方案：https://github.com/lin-xin/vue-manage-system
https://github.com/vbenjs/vue-vben-admin
vue-bag-admin：Bag快速开发管理系统、门户网站、博客系统框架，提供基础的框架，快速搭建企业产品，响应式开发，你可以将它应用在任何需要服务端管理的应用。如：开发管理系统的 API 接口、门户网站博客、企业内部的业务管理、ERP、CMS、APP 的后台等
相关文章：
vue3项目练习大全（附github源码）
vue慢慢的成为了前端最受欢迎的框架之一，在很多项目之中开发都能用得到，如今也已经发展到3.0了，可能是因为这个框架可以提高工作效率，因此受到大家的追捧，在之前的文章里面也说过，2019年，大前端…...
SWMM从入门到实践教程 01 SWMM软件介绍
文章目录1 软件介绍2 软件面板2.1 主菜单2.1.1文件菜单（File）2.1.2 编辑菜单（Edit）2.1.3 视图菜单（View）2.1.4 工程菜单（Project）2.1.5 报告菜单（Report）2.1.…...
CSS中的text-overflow属性详解 （控制文字在一行显示，超出部分加省略号）
text-overflow: ellipsis; 表示当文本内容超出所在容器的宽度时，用省略号来代替超出的部分。white-space:nowrap; 表示文本不换行。overflow: hidden; 表示超出容器的内容将被隐藏。 将这三个加入需要控制的css的属性中，就能控制文字在一行显示ÿ…...
基于pytorch实现模型剪枝
一，剪枝分类二，PyTorch 的剪枝三，总结参考资料一，剪枝分类 所谓模型剪枝，其实是一种从神经网络中移除"不必要"权重或偏差（weigths/bias）的模型压缩技术。关于什么参数才是“不必要的”，这是一个目前依然在研究的领域。 1.1，非结构化剪枝 非结构化剪枝（U…...
写出高质量的前端代码之消除代码中的重复
软件开发中，有个很重要的DRY原则，即Dont Repeat Yourself，也就是不要重复自己。 重复的代码会带来以下问题： 开发效率低，重复造轮子不同人开发的同一类功能，质量层次不齐修改问题时可能会遗漏，…...
怎么从零开始学黑客，黑客零基础怎么自学
很多朋友对成为黑客很感兴趣，很大原因是因为看到电影中黑客的情节觉的特别的酷，看到他们动动手指就能进入任何系统，还有很多走上黑客之路的朋友仅仅是因为自己的qq被盗了，或者游戏里的装备被别人偷了，想要自己盗回来&a…...
量化择时——资金流择时策略（第1部分—因子测算）
文章目录资金流模型概述资金流模型的有效性逻辑资金流向指标MFI（Money Flow Index）MFI指标测算测算规则测算结论资金流模型概述 通常，资金流是一种反映股票供给信息的指标，宏观上来讲，我们知道一个道理：僧…...
Openwrt中动态IPV6 防火墙的正确设置方法
环境：光猫桥接公网IPV6 问题：动态IPV6地址不知道怎么设置防火墙 解决办法：模糊匹配前缀，特定后缀 背景：将家中光猫桥接后，获得了公网的IPV6地址，可以从外部用IPV6访问家中的设备，但I…...
JS的基本数据类型和引用数据类型
ES6 引入了一种新的原始数据类型 Symbol，表示独一无二的值。它是 JavaScript 语言的第七种数据类型，前六种是：Undefined、Null、布尔值（Boolean）、字符串（String）、数值（Number&…...
mars3d基础项⽬常⻅报错
1.在⼤家使⽤mars3d基础项⽬的时候经常遇到这个报错，截图如下 回答： 1.原因是因为使⽤了cnpm安装依赖，导致了⼀些依赖问题 2.解决⽅式也很简答，重新使⽤ npm 或 yarn 或 pnpm安装依赖即可 2.本地加载地图时，出现报错回…...
【阿旭机器学习实战】【35】员工离职率预测---决策树与随机森林预测
【阿旭机器学习实战】系列文章主要介绍机器学习的各种算法模型及其实战案例，欢迎点赞，关注共同学习交流。 本文的主要任务是通过决策树与随机森林模型预测一个员工离职的可能性并帮助人事部门理解员工为何离职。 目录1.获取数据2.数据预处理3.分析数据3.…...
Python学习-----模块4.0（json字符串与json模块）
目录 1.json简介： 2.json对象 3.json模块 （1）json.dumps() 函数 （2）json.dumps() 函数 （3）json.loads() 函数 (4) json.load() 函数 4.总结： 1.json简介： SON(…...
open3d最大平面检测，平面分割
1.点云读入 读入文件（配套点云下载链接） # 读取点云 pcd o3d.io.read_point_cloud("point_cloud_00000.ply")配套点云颜色为白色，open3d的点云显示默认背景为白色，所以将点云颜色更改为黑色 pcd.colors o3d.utilit…...
)
【C++】4.类和对象(下)
1.再谈构造函数 1赋值 class Date { public:Date(int year, int month, int day){_year year;_month month;_day day;}private:int _year;int _month;int _day; };构造函数体中的语句只能将其称作为赋初值，而不能称作初始化。因为初始化只能初始化一次…...
自动驾驶仿真：ECU TEST 、VTD、VERISTAND连接配置
文章目录一、ECU TEST 连接配置简介二、TBC配置 test bench configuration三、TCF配置 test configuration提示：以下是本篇文章正文内容，下面案例可供参考 一、ECU TEST 连接配置简介 1、ECU TEST（简称ET），用于HIL仿…...
postgres数据库连接管理
1.连接命令psql -d postgres -h 10.0.0.51. -p 1921 -U postgres（-d指定数据库名字）2.pg防火墙介绍（pg实例层面的权限控制）pg_hba.conf文件配置文件分为5部分：配置示例#TYPE DATABASE USER ADDRESS METHODhost all loc…...
【华为OD机试模拟题】用 C++ 实现 - 环中最长子串（2023.Q1）
最近更新的博客 华为OD机试 - 入栈出栈（C++） | 附带编码思路 【2023】 华为OD机试 - 箱子之形摆放（C++） | 附带编码思路 【2023】 华为OD机试 - 简易内存池 2（C++） | 附带编码思路 【2023】 华为OD机试 - 第 N 个排列（C++） | 附带编码思路 【2023】 华为OD机试 - 考古…...
Spring：@Async 注解和AsyncResult与CompletableFuture使用
Async概述 Spring中用Async注解标记的方法，称为异步方法，它会在调用方的当前线程之外的独立的线程中执行， 其实就相当于我们自己new Thread(()-> System.out.println("hello world !"))这样在另一个线程中去执行相应的业务逻辑…...
tidb ptca，ptcp考证
PingCAP 认证 TiDB 数据库专员 V6 考试（2023-02-23）https://learn.pingcap.com/learner/exam-market/list?categoryPCTA PingCAP 认证 TiDB 数据库管理专家（PCTP - DBA）认证考试范围指引 - ☄️ 学习与认证 - TiDB 的问答社区:lo…...
关于用windows开发遇到的各种乌龙事件之node版本管理---nvm install node之后 npm 找不到的问题
友情提醒，开发最好用nvm控制node版本 nrm 控制镜像源，能少掉很多头发开发过程中技术迭代更新的时候最要老命的就是 历史项目的node版本没有记录，导致开启旧项目的时候就会报错。尤其是npm 升级到8.x.x以后，各种版本不兼容。 真…...
IDEA运行Tomcat出现乱码问题解决汇总
最近正值期末周，有很多同学在写期末Java web作业时，运行tomcat出现乱码问题，经过多次解决与研究，我做了如下整理： 原因： IDEA本身编码与tomcat的编码与Windows编码不同导致，Windows 系统控制台…...
: K8s 核心概念白话解读(上)：Pod 和 Deployment 究竟是什么？)
云原生核心技术 (7/12): K8s 核心概念白话解读(上)：Pod 和 Deployment 究竟是什么？
大家好，欢迎来到《云原生核心技术》系列的第七篇！ 在上一篇，我们成功地使用 Minikube 或 kind 在自己的电脑上搭建起了一个迷你但功能完备的 Kubernetes 集群。现在，我们就像一个拥有了一块崭新数字土地的农场主，是时…...
基于大模型的 UI 自动化系统
基于大模型的 UI 自动化系统 下面是一个完整的 Python 系统，利用大模型实现智能 UI 自动化，结合计算机视觉和自然语言处理技术，实现"看屏操作"的能力。 系统架构设计 #mermaid-svg-2gn2GRvh5WCP2ktF {font-family:"trebuchet ms",verdana,arial,sans-…...
React Native 导航系统实战（React Navigation）
导航系统实战（React Navigation） React Navigation 是 React Native 应用中最常用的导航库之一，它提供了多种导航模式，如堆栈导航（Stack Navigator）、标签导航（Tab Navigator）和抽屉…...
第一篇：Agent2Agent (A2A) 协议——协作式人工智能的黎明
AI 领域的快速发展正在催生一个新时代，智能代理（agents）不再是孤立的个体，而是能够像一个数字团队一样协作。然而，当前 AI 生态系统的碎片化阻碍了这一愿景的实现，导致了“AI 巴别塔问题”——不同代理之间…...
使用 SymPy 进行向量和矩阵的高级操作
在科学计算和工程领域，向量和矩阵操作是解决问题的核心技能之一。Python 的 SymPy 库提供了强大的符号计算功能，能够高效地处理向量和矩阵的各种操作。本文将深入探讨如何使用 SymPy 进行向量和矩阵的创建、合并以及维度拓展等操作，并通过具体…...
大语言模型（LLM）中的KV缓存压缩与动态稀疏注意力机制设计
随着大语言模型（LLM）参数规模的增长，推理阶段的内存占用和计算复杂度成为核心挑战。传统注意力机制的计算复杂度随序列长度呈二次方增长，而KV缓存的内存消耗可能高达数十GB（例如Llama2-7B处理100K token时需50GB内存&a…...
push [特殊字符] present
push 🆚 present 前言present和dismiss特点代码演示 push和pop特点代码演示 前言 在 iOS 开发中，push 和 present 是两种不同的视图控制器切换方式，它们有着显著的区别。 present和dismiss 特点 在当前控制器上方新建视图层级需要手动调用…...
探索Selenium：自动化测试的神奇钥匙
目录 一、Selenium 是什么1.1 定义与概念1.2 发展历程1.3 功能概述 二、Selenium 工作原理剖析2.1 架构组成2.2 工作流程2.3 通信机制 三、Selenium 的优势3.1 跨浏览器与平台支持3.2 丰富的语言支持3.3 强大的社区支持 四、Selenium 的应用场景4.1 Web 应用自动化测试4.2 数据…...
深入理解Optional：处理空指针异常
1. 使用Optional处理可能为空的集合 在Java开发中，集合判空是一个常见但容易出错的场景。传统方式虽然可行，但存在一些潜在问题： // 传统判空方式 if (!CollectionUtils.isEmpty(userInfoList)) {for (UserInfo userInfo : userInfoList) {…...