2024年Web前端最全用Vue做一个音乐app(1)，2024年最新拼多多面试官

2401_84619938

于 2024-05-11 14:39:26 发布

阅读量816

点赞数 21

分类专栏：程序员文章标签：前端面试学习

本文链接：https://blog.csdn.net/2401_84619938/article/details/138715216

版权

程序员专栏收录该内容

92 篇文章 0 订阅

订阅专栏

学习分享，共勉

题外话，毕竟我工作多年，深知技术改革和创新的方向，Flutter作为跨平台开发技术、Flutter以其美观、快速、高效、开放等优势迅速俘获人心

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

- 简介
实现的功能
截屏演示
移动端演示
项目代码
构建
Tip
详细
为什么写这个项目
获取教程

vue-music

=======================================================================

基于 Vue 包括音乐推荐、搜索、播放、榜单、收藏

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

欢迎体验：https://neveryu.github.io/vue-music/，在手机上效果更好，微信扫码体验：

简介

本项目是基于 vue2.4.1 最新的实战项目，vue-cli2.9.3 + vue2.4.1 + axios + vue-router3.0.1 + es6 + vux3.0.1 + webpack + better-scroll + 线上真实接口的一个移动端音乐 app。

实现的功能

1、音乐列表、歌单、歌手、排行、榜单、推荐

2、音乐播放、暂停、上一曲、下一曲、喜欢

3、播放列表、添加到播放列表、历史列表

4、搜索单曲、歌手、专辑、MV

5、查看歌手页面、专辑页面、MV

6、热门搜索

7、搜索历史记录

8、排行榜

9、切换播放模式

10、歌词

11、个人中心

12、项目介绍

现在最流行的开发方式就是前后分离了

vue 也是现在最流行的前端框架之一。

截屏演示

移动端演示

扫二维码在手机上查看效果更好

项目代码

https://github.com/Neveryu/vue-music

构建

install dependencies

npm install

serve with hot reload at localhost:8080

npm run dev

build for production with minification

npm run build

build for production and view the bundle analyzer report

npm run build --report

run local server

npm run prod.server.js

Tip

Vue 面试题

1.Vue 双向绑定原理
2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？
3.你是如何理解 Vue 的响应式系统的?
4.虚拟 DOM 实现原理
5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用？
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用？
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么？
14.说一下 Vue 和 React 的认识，做一个简单的对比
15.Vue 的 nextTick 的原理是什么？
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解？
19.vue-cli 替我们做了哪些工作？
…