基于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 中的一个注解，用于指定…...
网络编程（Modbus进阶）
思维导图 Modbus RTU（先学一点理论） 概念 Modbus RTU 是工业自动化领域 最广泛应用的串行通信协议，由 Modicon 公司（现施耐德电气）于 1979 年推出。它以 高效率、强健性、易实现的特点成为工业控制系统的通信标准。 包…...
。】2022-5-15)
【根据当天日期输出明天的日期(需对闰年做判定)。】2022-5-15
缘由根据当天日期输出明天的日期(需对闰年做判定)。日期类型结构体如下： struct data{ int year; int month; int day;};-编程语言-CSDN问答 struct mdata{ int year; int month; int day; }mdata; int 天数(int year, int month) {switch (month){case 1: case 3:…...
MySQL 隔离级别：脏读、幻读及不可重复读的原理与示例
一、MySQL 隔离级别 MySQL 提供了四种隔离级别，用于控制事务之间的并发访问以及数据的可见性，不同隔离级别对脏读、幻读、不可重复读这几种并发数据问题有着不同的处理方式，具体如下： 隔离级别脏读不可重复读幻读性能特点及锁机制读未提交（READ UNCOMMITTED）允许出现允许…...
【力扣数据库知识手册笔记】索引
索引 索引的优缺点 优点1. 通过创建唯一性索引，可以保证数据库表中每一行数据的唯一性。2. 可以加快数据的检索速度（创建索引的主要原因）。3. 可以加速表和表之间的连接，实现数据的参考完整性。4. 可以在查询过程中，…...
转转集团旗下首家二手多品类循环仓店“超级转转”开业
6月9日，国内领先的循环经济企业转转集团旗下首家二手多品类循环仓店“超级转转”正式开业。 转转集团创始人兼CEO黄炜、转转循环时尚发起人朱珠、转转集团COO兼红布林CEO胡伟琨、王府井集团副总裁祝捷等出席了开业剪彩仪式。 据「TMT星球」了解，“超级…...
VTK如何让部分单位不可见
最近遇到一个需求，需要让一个vtkDataSet中的部分单元不可见，查阅了一些资料大概有以下几种方式 1.通过颜色映射表来进行，是最正规的做法 vtkNew<vtkLookupTable> lut; //值为0不显示，主要是最后一个参数，透明度…...
Module Federation 和 Native Federation 的比较
前言 Module Federation 是 Webpack 5 引入的微前端架构方案，允许不同独立构建的应用在运行时动态共享模块。 Native Federation 是 Angular 官方基于 Module Federation 理念实现的专为 Angular 优化的微前端方案。 概念解析 Module Federation (模块联邦) Modul…...
C++ 求圆面积的程序（Program to find area of a circle）
给定半径r，求圆的面积。圆的面积应精确到小数点后5位。 例子： 输入：r 5 输出：78.53982 解释：由于面积 PI * r * r 3.14159265358979323846 * 5 * 5 78.53982，因为我们只保留小数点后 5 位数字。 输…...
Web 架构之 CDN 加速原理与落地实践
文章目录 一、思维导图二、正文内容（一）CDN 基础概念1. 定义2. 组成部分 （二）CDN 加速原理1. 请求路由2. 内容缓存3. 内容更新 （三）CDN 落地实践1. 选择 CDN 服务商2. 配置 CDN3. 集成到 Web 架构 …...
推荐 github 项目:GeminiImageApp(图片生成方向，可以做一定的素材)
推荐 github 项目:GeminiImageApp(图片生成方向，可以做一定的素材) 这个项目能干嘛? 使用 gemini 2.0 的 api 和 google 其他的 api 来做衍生处理 简化和优化了文生图和图生图的行为(我的最主要) 并且有一些目标检测和切割(我用不到) 视频和 imagefx 因为没 a…...