# llyy

**Repository Path**: lyzztmnb/llyy

## Basic Information

- **Project Name**: llyy
- **Description**: 泠泠音乐（基础原始版）
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-12-17
- **Last Updated**: 2022-03-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# llyy

#### 介绍
泠泠音乐（基础原始版）
仿照5sing音乐以及网易云音乐的音乐软件
用vue-cil+webpack构建的多页面应用，项目采用了vue-router，axios等技术，采用组件化思想搭建整个项目，
拥有音乐软件的基础功能，例如上下首切换，歌单切换，进度调整，播放暂停等多项功能。
通过localstorage储存用户id，使用父子组件传值实现数据的互通

#### 开发周期
9天（基础原始版）

#### 开发成员
lyzztmnb（本人）

#### 开发环境
window10、git

#### 所用技术
Html+css3+vue-cil+vue-router+axios+lazyload

#### 技术描述
1.导航栏设置router-link进行页面跳转，并且放置audio标签实现跨页面播放歌曲，通过组件传值进行当前正在播放的音乐的监控和调整；
2.采用了父子组件传值的方式进行数据的交互，实现了上下首切换、实时更新进度条、进度条调整、播放与暂停、歌单内歌曲切换、三种播放模式切换、当前歌词高亮、歌词调整改变当前进度、多语言切换等功能
3.歌单页面使用了scroll事件，判断当前滚动到底部就进行歌单列表数据的获取再动态渲染到页面上；
4.采用了lazyload插件实现图片懒加载的效果，提高浏览器性能；
5.搜索界面中，用户在输入框输入时，有搜索提示，加入了防抖功能，节约页面性能，保证页面通信通畅，在搜索记录中，使用数组去重重新排序的方法保证记录不会重复出现；
6.个人中心使用了前置路由守卫判断当前本地储存中是否存在token再判断当前应该进入的页面

#### 优化后版本地址
https://gitee.com/lyzztmnb/llyy2.0