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以后，各种版本不兼容。 真…...
家政维修平台实战20：权限设计
目录 1 获取工人信息2 搭建工人入口3 权限判断总结 目前我们已经搭建好了基础的用户体系，主要是分成几个表，用户表我们是记录用户的基础信息，包括手机、昵称、头像。而工人和员工各有各的表。那么就有一个问题，不同的角色…...
python爬虫：Newspaper3k 的详细使用（好用的新闻网站文章抓取和解析的Python库）
更多内容请见： 爬虫和逆向教程-专栏介绍和目录 文章目录 一、Newspaper3k 概述1.1 Newspaper3k 介绍1.2 主要功能1.3 典型应用场景1.4 安装二、基本用法2.2 提取单篇文章的内容2.2 处理多篇文档三、高级选项3.1 自定义配置3.2 分析文章情感四、实战案例4.1 构建新闻摘要聚合器…...
CocosCreator 之 JavaScript/TypeScript和Java的相互交互
引擎版本： 3.8.1 语言： JavaScript/TypeScript、C、Java 环境：Window 参考：Java原生反射机制 您好，我是鹤九日！ 回顾 在上篇文章中：CocosCreator Android项目接入UnityAds 广告SDK。 我们简单讲…...
【配置 YOLOX 用于按目录分类的图片数据集】
现在的图标点选越来越多，如何一步解决，采用 YOLOX 目标检测模式则可以轻松解决 要在 YOLOX 中使用按目录分类的图片数据集（每个目录代表一个类别，目录下是该类别的所有图片），你需要进行以下配置步骤&#x…...
WEB3全栈开发——面试专业技能点P2智能合约开发（Solidity）
一、Solidity合约开发 下面是 Solidity 合约开发 的概念、代码示例及讲解，适合用作学习或写简历项目背景说明。 🧠 一、概念简介：Solidity 合约开发 Solidity 是一种专门为 以太坊（Ethereum）平台编写智能合约的高级编…...
QT： `long long` 类型转换为 `QString` 2025.6.5
在 Qt 中，将 long long 类型转换为 QString 可以通过以下两种常用方法实现： 方法 1：使用 QString::number() 直接调用 QString 的静态方法 number()，将数值转换为字符串： long long value 1234567890123456789LL; …...
智能仓储的未来：自动化、AI与数据分析如何重塑物流中心
当仓库学会“思考”，物流的终极形态正在诞生 想象这样的场景： 凌晨3点，某物流中心灯火通明却空无一人。AGV机器人集群根据实时订单动态规划路径；AI视觉系统在0.1秒内扫描包裹信息；数字孪生平台正模拟次日峰值流量压力…...
Device Mapper 机制
Device Mapper 机制详解 Device Mapper（简称 DM）是 Linux 内核中的一套通用块设备映射框架，为 LVM、加密磁盘、RAID 等提供底层支持。本文将详细介绍 Device Mapper 的原理、实现、内核配置、常用工具、操作测试流程，并配以详细的…...
Android第十三次面试总结（四大 组件基础）
Activity生命周期和四大启动模式详解 一、Activity 生命周期 Activity 的生命周期由一系列回调方法组成，用于管理其创建、可见性、焦点和销毁过程。以下是核心方法及其调用时机： onCreate() 调用时机：Activity 首次创建时调用。…...
HashMap中的put方法执行流程（流程图）
1 put操作整体流程 HashMap 的 put 操作是其最核心的功能之一。在 JDK 1.8 及以后版本中，其主要逻辑封装在 putVal 这个内部方法中。整个过程大致如下： 初始判断与哈希计算： 首先，putVal 方法会检查当前的 table（也就…...