其他分享
首页 > 其他分享> > 网易云音乐项目总结

网易云音乐项目总结

作者:互联网

不熟悉的知识点

知识点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

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

标签:总结,网易,git,视窗,vh,音乐,rem,宽度,vw
来源: https://blog.csdn.net/weixin_48342617/article/details/123192689