网易云音乐项目总结

2022/2/28 23:24:31

本文主要是介绍网易云音乐项目总结,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

不熟悉的知识点

知识点1:
rem的作用:rem适合于移动端适配和制作全屏效果,例如设计图的宽度与屏幕宽度进行适配。页面以及页面内容随屏幕宽度变化而变化。

如何设置rem:1rem的大小是等于html下的font-size,所以可以通过设置这个css属性告诉浏览器rem的大小

html{
	font-size:10px;//所以1rem=10px
}
.div{
	width:50rem;/*width:500px;*/
	height:50rem;/*height:500px;*/
}

例子如下:
在这里插入图片描述

这里顺便介绍一下vw vh:
1,vw、vh 的含义
(1)vw、vh 是一种视窗单位,也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗大小来决定的,单位 1,代表类似于 1%。
视窗是你的浏览器实际显示内容的区域—,换句话说是你的不包括工具栏和按钮的网页浏览器。

(2)具体描述如下:
vw:视窗宽度的百分比(1vw 代表视窗的宽度为 1%)
vh:视窗高度的百分比
vmin:当前 vw 和 vh 中较小的一个值
vmax:当前 vw 和 vh 中较大的一个值

没见过的技术

技术1: 如何使用网易云的后端接口?
1:首先经项目下载到电脑本地
使用git 下载:
如果下面的地址不行,就直接取github找到http地址下载即可:

$ git clone git@github.com:Binaryify/NeteaseCloudMusicApi.git

$ npm install

2.使用node.js运行该项目:
可以将项目拉到vscode 中运行项目

$ node app.js

其他的按照官方文档即可使用



这篇关于网易云音乐项目总结的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程