- 组件化开发
- 自定义指令
- 高阶组件
- Options API
- Composition API
- 全局状态管理
- 与本地存储的配合
- 路由视图配置
- 路由过渡交互动画
better-scroll
滚动组件good-storage
本地存储插件create-keyframe-animation
动态创建 Animation 插件vue3-lazy
图片懒加载插件lyric-parser
歌词解析插件throttle-debounce
节流防抖工具插件
- 后端代理路由
- 数据的转换与处理
KeepAlive
组件实现缓存- 异步路由实现按需加载
- 滚动组件:
useScroll
- 索引列表组件:
useFixed
、useShortcut
- 搜索相关组件:
usePullupLoad
、useSearchHistory
- 轮播图组件:
useSIider
- 播放器相关组件:
useAnimation
、useCd
、useFavorite
、useLyric
、useMiddleInteractive
、useMiniSlider
、useMode
、usePlayHistory
- 推荐列表接口
- 歌手列表接口
- 歌手详情接口
- 歌曲 url 获取接口
- 歌词接口
- 歌单专辑接口
- 排行榜接口
- 排行榜详情接口
- 热门搜索接口
- 搜索查询接口
Album
:专辑详情页组件Recommend
:推荐页面组件Search
:搜索页面组件Singer
:歌手页面组件SingerDetail
:歌手详情页组件TopList
:排行榜组件TopDetail
:排行榜详情页面组件UserCenter
:用户中心页面组件
Confirm
:对话框确认组件Loading
:加载状态组件Message
:消息组件NoResult
:无结果组件Scroll
:基础滚动组件SearchList
:搜索列表组件Slider
:轮播图组件SongList
:歌曲列表组件Switches
:导航栏切换组件
AddSong
:添加歌曲组件Header
:头部组件IndexList
:索引列表组件MusicList
:歌曲业务组件MiniPlayer
:迷你播放器组件Player
:播放器组件PlayList
:播放列表组件ProgressBar
:条形进度组件ProgressCircle
:圆形进度组件SearchInput
:搜索框组件Suggest
:搜索推荐组件Tab
:导航栏组件WrapScoll
:业务滚动组件
array-store
:数组类型数据本地存储辅助模块constant
:常量数据模块create-detail-component
:创建通用详情页面组件模块create-loading-like-derective
:创建类似 loading 效果的自定义指令模块dom
:DOM 操作辅助模块util
:工具库模块