HTML：

audio标签控制音乐播放，有个原生play（）方法控制播放marquee这个标签可以实现滑动，类似于动画一样marquee(文字滚动)标签_别The Crossing的博客-CSDN博客_marquee标签【HTML】中的marquee标签属性详解_人间奶糖哇的博客-CSDN博客_html marqueeimg标签还是得直接考虑最开始的宽高，类似于块级元素一样

css：

img标签图片设置width：100%，高度可以设置为auto滤镜效果：fliter：blur（20px）；文字超出隐藏：

一行隐藏.text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}多行隐藏.textTow {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;line-height: 23px;max-height: 46px;-webkit-line-clamp: 2; //显示两行-webkit-box-orient: vertical; //垂直}

填充属性 fill：red不想用子元素撑开的宽度，就自己统一设置宽度calc计算属性：calc（）

JavaScript：

如果有对象的多层属性调用，会显示undefined。考虑该属性的前面是否定义了，是否在数据里面定义了上级的属性播放音乐：通过ref获得audio标签的dom，然后使用play方法实现点击播放暂停：通过判断audio上的暂停属性，控制暂停播放的图标用vif控制类型转换。parseInt(str)用于字符串，自动判定进制忽略空格，空字符串=NaNcss写上active类样式，绑定vue的class，控制变量展示样式历史记录功能：将数据存在localstroge里面，然后再取

Vue3：

后端数据需要处理展示，简单的可以在{{}}里面写js逻辑，复杂的可以使用计算属性返回一个函数。然后传参进去处理对于上面那个多个相同处理数据的逻辑。 最好的解决方案就是封装一个untils函数，在main.js里面导入挂在全局过滤器上面，然后单个页面就可以直接使用了

vue3写法app.config.globalProperties.$filters = globalFilter页面上使用<span>{{ $filters.formatPlayCount(resource.resourceExtInfo.playCount) }}</span>

不能把reactive创建的响应式对象直接赋值，只能赋值里面的属性页面中获取当前路由对象：全局都要用到的东西记得放在vuex里面v-show控制的变量，显示的dom为v-show=“变量名”，隐藏的那个dom就用v-show=“！变量名”

部署：

在vuecli那里要处理好，然后上传gitte，先浏览器看看能不能打开dist文件夹下面的index.html。没问题再上传git，部署

如果觉得《前端项目网易云音乐移动端经验总结》对你有帮助，请点赞、收藏，并留下你的观点哦！