基于nodejs+vue3 的高仿网易云音乐
大家好，我是小寻，欢迎大家关注我的公众号：工具优选，加入前端、java群聊哦！
今天给大家分享一个超高水准的项目：基于nodejs+vue3研发的高仿网易云音乐，项目内容出自寻码网！
技术栈：nodejs+mysql+vue3
【功能结构】
功能详述
进入系统后，可在页面左侧看到各个功能的入口。
△发现
发现包含5个tab：个性推荐、歌单、排行榜、最新音乐。
个性推荐中会根据用户情况推荐音乐资讯、歌单等内容。
歌单可通过不同标签筛选歌单。点击歌单进入歌单详情。
可以查看不同类型的排行榜与歌手。点击歌手可查看歌手的相关音乐。
△视频
视频包含相关视频与MV，点击相应视频可以播放。
△我的音乐云盘
显示我的云盘中的音乐。
△搜索
左上角搜索框输入内容搜索，则按照单曲、歌手、视频、歌单4个tab显示搜索结果，可以切换查看。
相关文章：
基于nodejs+vue3 的高仿网易云音乐
大家好，我是小寻，欢迎大家关注我的公众号：工具优选，加入前端、java群聊哦！ 今天给大家分享一个超高水准的项目：基于nodejsvue3研发的高仿网易云音乐，项目内容出自寻码网！ 技术栈&a…...
MySQL数据库用户管理以及数据库用户授权
一、数据库用户管理 1、新建用户 CREATE USER 用户名来源地址 [IDENTIFIED BY [PASSWORD] 密码]; ---------------------------------------------------------------------------------------------------------- 用户名：指定将创建的用户名 来源地址：…...
全面分析生物技术的优缺点以及应用场景
一、 引言 生物识别技术具有不可撤销性、高度便利性和较低错误率等优势，在安全领域中也备受瞩目。然而，对于生物识别技术在应对安全挑战方面的可靠性和有效性，但争议并未被完全解决 二、生物识别技术的介绍 所谓生物识别技术就是，…...
OpenAI是什么？
OpenAI是一家人工智能技术公司，成立于2015年，总部位于美国旧金山。它的创始人包括埃隆马斯克等多名知名人士，公司的目标是推进人工智能技术的发展，同时确保人工智能的发展不会对人类造成负面影响。 OpenAI在研究和开发各种人工智能…...
量子计算——新兴领域的前沿技术
随着人类社会文明的不断进步，计算技术也在不断发展。传统计算机在过去的几十年中快速发展，计算速度、存储能力等方面发生了天翻地覆的变化。但随着大数据、人工智能、区块链等新兴领域的迅速崛起，传统计算机的发展似乎面临了瓶颈。在这样的背…...
.Net平台下OpenGL绘制图形（1）(VS2019,Winform,C#)
1、介绍 OpenGL（英语：Open Graphics Library，译名：开放图形库或者“开放式图形库”）是用于渲染2D、3D矢量图形的跨语言、跨平台的应用程序编程接口（API）。这个接口由近350个不同的函数调用组成…...
Casso的创作纪念日
机缘 注册CSDN的时候才刚上大学，到现在使用CSDN已经四年了，距发布第一篇文章却只刚过去一百多天，刚看到这个提醒消息的时候只感慨时间过得真快，自己也在慢慢成长着，当初刚开始学习的时候，查资料用得最多的就…...
Bernhard‘s Talk on Towards Causal NLP 笔记
因果学习系列笔记 这是我的 GitHub 因果学习笔记仓库 https://github.com/xin007-kong/ryCausalLearning，欢迎 star🤩 讲者是 Bernhard Schlkopf talk 链接：(41) Bernhard Schoelkopf | Towards Causal NLP | KeynoteEMNLP 2021 Causal Infer…...
ES6模块化规范
在没有ES6模块化规范前，有像AMD、CMD这样的浏览器模块化规范，还有像CommonJS这样的服务端模块化规范。 2015年，JS终于推出了官方的模块化规范，为了统一各种规范，我们简称ES6 模块化。 ES6目前作为JS的内置模块化系统&a…...
红黑树下岗，内核新数据结构上场：maple tree！
在外界看来，Linux 内核的内部似乎变化很少，尤其是像内存管理子系统（memory-management subsystem）这样的子系统。然而，开发人员时常需要更换内部接口来解决某些长期存在的问题。比如，其中一个问题就是用来保…...
Angular开发之——Angular打包部署项目(04)
一 概述 ng build 构建应用lite-server介绍及安装lite-server部署应用IIS管理器部署应用 二 ng build 构建应用 2.1 执行如下指令构建应用 ng build2.2 构建完成后，会创建一个 dist 文件夹 2.3 直接打开index.html会出错(需要借助于服务器部署) 三 lite-server介…...
深度优先搜索算法思想，题型总结与题目清单（不断更新）
深度优先搜索 深度优先搜索（Depth-First Search，简称DFS）是一种用于遍历或搜索树或图的算法。这个名称直接来自于这个算法的操作方式：它沿着某一路径深入遍历直到无法继续，然后再回溯进行下一条路径的遍历。 DFS的主要…...
网页三剑客之 CSS
css 在这里不会介绍太多，我们主要重点介绍两个：选择器和盒子模型就够用了。这里看个乐就好了，没有那么多重点，只是简单的认识一下下CSS。 CSS 是什么 CSS 是层叠样式表 (Cascading Style Sheets)的缩写它存在的意义就是…...
Maven（1）--- Maven入门指南
当然，我可以为你提供Maven的详细介绍，并按照6篇文章的方式进行详细展开。下面是第一篇的内容，采用Markdown格式输出： Maven入门指南 什么是Maven？ Maven是一个强大的项目管理工具，被广泛应用于Java项目开…...
C# 实现 Websocket通讯聊天 (管用、超好使，点个赞)
1、背景 WebSocket出现之前，Web端为了实现即时通讯，所用的技术都是Ajax轮询(polling)。轮询是在特定的的时间间隔（如每1秒），由浏览器对服务器发出HTTP request，然后由服务器返回最新的数据给客服端的浏览器…...
知识点回顾（一）
1.final,finally ,finalize final?修饰符（关键字）如果一个类被声明为final，意味着它不能再派生出新的子类，不能作为父类被继承。因此一个类不能既被声明为 abstract的，又被声明为final的。将变量或方法声明为final&…...
verflow属性的常用值详解
什么是overflow 在CSS中，overflow是“溢出”的意思，该属性规定当内容溢出元素框时发生的事情，设置内容是否会被修剪，溢出部分是否会被隐藏；例如当属性值设置为“visible”则内容不会被修剪，为“hidden”则内…...
算法怎么算：贪心算法
总有人在小白面前说：我是搞算法的，不是码农。又或者在想要进阶的时候，有人问你：你懂算法吗？ 所有，算法到底是什么？ 从目的性来说：它是计算方法，用来达到自己目的的方式…...
【UDS】ISO15765-2之网络时间参数
文章目录 简介分类1. N_As2. N_Ar3. N_Bs4. N_Br5. N_Cs5. N_Cr 总结 ->返回总目录<- 简介 网络层定时参数定义了N_As、N_Ar、N_Bs、N_Br、N_Cs、N_Cr六个参数。 这些时间参数在多帧传输中可以定义在下图的过程中 分类 1. N_As 方向： 发送方->接收方 …...
Mybatis 动态SQL
注解作用SelectProvider动态查询SQLInsertProvider动态新增SQLUpdateProvider动态更新SQLDeleteProvider动态删除SQL Select 与 SelectProvider 只是在定义注解的方式上有所不同, 一个是静态SQL, 一个是动态SQL 。 SelectProvider 是 MyBatis 中的一个注解，用于指定…...
IDEA运行Tomcat出现乱码问题解决汇总
最近正值期末周，有很多同学在写期末Java web作业时，运行tomcat出现乱码问题，经过多次解决与研究，我做了如下整理： 原因： IDEA本身编码与tomcat的编码与Windows编码不同导致，Windows 系统控制台…...
SkyWalking 10.2.0 SWCK 配置过程
SkyWalking 10.2.0 & SWCK 配置过程 skywalking oap-server & ui 使用Docker安装在K8S集群以外，K8S集群中的微服务使用initContainer按命名空间将skywalking-java-agent注入到业务容器中。 SWCK有整套的解决方案，全安装在K8S群集中。 具体可参…...
《Playwright：微软的自动化测试工具详解》
Playwright 简介:声明内容来自网络，将内容拼接整理出来的文档 Playwright 是微软开发的自动化测试工具，支持 Chrome、Firefox、Safari 等主流浏览器，提供多语言 API（Python、JavaScript、Java、.NET）。它的特点包括&a…...
pam_env.so模块配置解析
在PAM（Pluggable Authentication Modules）配置中， /etc/pam.d/su 文件相关配置含义如下： 配置解析 auth required pam_env.so1. 字段分解 字段值说明模块类型auth认证类模块，负责验证用户身份&am…...
三体问题详解
从物理学角度，三体问题之所以不稳定，是因为三个天体在万有引力作用下相互作用，形成一个非线性耦合系统。我们可以从牛顿经典力学出发，列出具体的运动方程，并说明为何这个系统本质上是混沌的，无法得到一般解…...
C# SqlSugar：依赖注入与仓储模式实践
C# SqlSugar：依赖注入与仓储模式实践 在 C# 的应用开发中，数据库操作是必不可少的环节。为了让数据访问层更加简洁、高效且易于维护，许多开发者会选择成熟的 ORM（对象关系映射）框架，SqlSugar 就是其中备受…...
Android第十三次面试总结（四大 组件基础）
Activity生命周期和四大启动模式详解 一、Activity 生命周期 Activity 的生命周期由一系列回调方法组成，用于管理其创建、可见性、焦点和销毁过程。以下是核心方法及其调用时机： onCreate() 调用时机：Activity 首次创建时调用。…...
Python 包管理器 uv 介绍
Python 包管理器 uv 全面介绍 uv 是由 Astral（热门工具 Ruff 的开发者）推出的下一代高性能 Python 包管理器和构建工具，用 Rust 编写。它旨在解决传统工具（如 pip、virtualenv、pip-tools）的性能瓶颈，同时…...
C++：多态机制详解
目录 一. 多态的概念 1.静态多态（编译时多态） 二.动态多态的定义及实现 1.多态的构成条件 2.虚函数 3.虚函数的重写/覆盖 4.虚函数重写的一些其他问题 1）.协变 2）.析构函数的重写 5.override 和 final关键字 1&#…...
OD 算法题 B卷【正整数到Excel编号之间的转换】
文章目录 正整数到Excel编号之间的转换 正整数到Excel编号之间的转换 excel的列编号是这样的：a b c … z aa ab ac… az ba bb bc…yz za zb zc …zz aaa aab aac…; 分别代表以下的编号1 2 3 … 26 27 28 29… 52 53 54 55… 676 677 678 679 … 702 703 704 705;…...