摘要: 通过react-redux和redux实现react组件之间的通信,reducer、action、store都编写正确,mapDispatchToProps也能正确传值.唯独mapStateToProps的return出现了问题 reduce action connect绑定 组件渲染 本来的需求是阅读全文
posted @ 2019-07-11 10:09 wtaufpziv 阅读(6) 评论(0) 编辑
摘要: 最近用react写项目的时候,开始复习之前学过的redux,记录一下一些坑,以防忘记 我现在的redux目录下有这么些东西 首先是index.js 然后是player.js 然后是封装的actioncreater和actiontype 现在一切正常,当更改store触发函数后打印此时的sotre.g阅读全文
posted @ 2019-07-10 21:09 wtaufpziv 阅读(13) 评论(0) 编辑
摘要: 添加播放状态,首先是歌曲名称和时间 在index.html中添加 然后调用audio自带的歌曲加载完毕事件函数和当前播放时间函数 再编辑渲染播放状态函数和播放时间更新函数 到这里播放状态功能就已实现,但需要注意的是audio自带的歌曲长度和当前播放长度是以秒为单位,需要通过一定的算法转换为分秒的形式阅读全文
posted @ 2019-06-15 19:48 wtaufpziv 阅读(15) 评论(0) 编辑
摘要: 实现主页面的播放器功能 定义变量 将allTrack是赋值语句加入监听函数 给承接列表的总div设置一个点击事件 由于这里使用的事件冒泡,故需要判断当前点击的逻辑 编辑点击事件函数 往MusicDataStore的DataStore封装类中添加删除功能,封装类详情在前面的博客中 往main.js中添阅读全文
posted @ 2019-06-15 18:51 wtaufpziv 阅读(21) 评论(0) 编辑
摘要: 主页面列表的渲染 首先是main.js页面发送列表信息给index.js 在createWindow函数中添加: 然后是每次添加音乐也要重新渲染 index.html页面的构建,这里使用了一个图标库 同时里面已经有一个div盒子 编辑index.js阅读全文
posted @ 2019-06-15 13:11 wtaufpziv 阅读(16) 评论(0) 编辑
摘要: 这一节完善点击添加按钮,add.js发送消息给主进程,主进程缓存保留音乐信息并命令index.js页面进行渲染的整块逻辑 之前已经给导入音乐按钮添加了id为add-music,所以直接编辑ad.js 之后在main.js中添加ipc监听事件阅读全文
posted @ 2019-06-15 12:38 wtaufpziv 阅读(15) 评论(0) 编辑
摘要: 封装存储音乐地址信息缓存的类 新建一个MusicDataStore.js,由于要给不同的音乐在存储时设置id,所以先引入uuid模块 之后编辑这个类阅读全文
posted @ 2019-06-15 11:01 wtaufpziv 阅读(24) 评论(0) 编辑
摘要: 通过node设置本地缓存存取数据优化读取速度和保持数据持久化 首先在根目录下安装模块 使用方法很简单 缓存以config.json的形式存在硬盘中阅读全文
posted @ 2019-06-15 10:28 wtaufpziv 阅读(19) 评论(0) 编辑
摘要: 在add界面显示已选择的歌曲列表(原生js操作dom) 接上一条博客,继续修改main.js中 在ad.js中添加监听 编辑操作dom的函数阅读全文
posted @ 2019-06-14 18:59 wtaufpziv 阅读(19) 评论(0) 编辑
摘要: 通过dialog实现文件的选中 在本系列一中add.html的文件已经构建完毕了,首先优化一下获取dom节点的代码 新建helper.js文件 修改index.js 编辑ad.js 之后往main.js中添加阅读全文
posted @ 2019-06-14 18:36 wtaufpziv 阅读(29) 评论(0) 编辑