搭建项目小记01

• 侧边栏 将默认一定有的数据标签的属性信息，如name？href？等储存在对象数组里面。（在 config.ts 文件中定义）

• 将会变化的数据标签，如我的歌单（可增删），把其相关数据储存在 redux 里面，然后引用进行使用！！！

• MuTable 用于存放和更新播放列表的数据

• utils里面装的是小工具，比如说数字字符串的补齐（补成两位）pad()，时间的转化（秒转成小时：分：秒）parseSecondToTime()

• assets 文件夹存的是图片、iconfont、css 样式、loga等资源

• LOgin文件夹里面放了 index.ts / Login.ts ，一个里面写的是操作（呈现、关闭）Login组件的方法。一个里面写的是Login组件内容。

• controller 文件夹里面写的就是些 控制歌曲...的函数

• content里面是默认主页面内容，其中有左侧侧边栏 sidebar (我的喜欢、我的歌单....) , 有右侧边栏playlist 播放历史列表。

• 全局状态存在 redux 文件里面，在里面根据状态的位置再分类 ，每个文件里面都创建切片 slice

  • 里面可以初始化状态

export interface MusicListState { |               list: any[]    
  current: number
}

const initialState: MusicListState = { 
   list: [],  
   current: -1 
}

- 也可以创建切片（reducer，action合在一起）

• 可以通过 useSelector() 来获取全局状态

• 可以通过调用 slice 来更改状态 state

• hooks 文件夹里面放的是 自己封装的hook钩子！！！

• 全屏模式下，重新渲染根标签