博客园 - wtaufpziv
uuid:7d267088-5232-4821-9010-8cd5fdd6cd4f;id=1075847
2019-08-26T09:33:11Z
wtaufpziv
https://www.cnblogs.com/zxh2459917510/
feed.cnblogs.com
https://www.cnblogs.com/zxh2459917510/p/11837673.html
react-native-swiper使用时候的小坑 - wtaufpziv
react-native版本:0.61.1 react-native-swiper版本:1.5.14 当时第一次使用时候直接粘贴的别人博客的教程代码,只修改了swiper里面的元素,结果发现不能切换,点击下一张按钮,小圆点会跟着切换,但是元素却没有切换,一直保持在最后一张,折腾了半天,发现不能给Sw
2019-11-11T11:34:00Z
2019-11-11T11:34:00Z
wtaufpziv
https://www.cnblogs.com/zxh2459917510/
【摘要】react-native版本:0.61.1 react-native-swiper版本:1.5.14 当时第一次使用时候直接粘贴的别人博客的教程代码,只修改了swiper里面的元素,结果发现不能切换,点击下一张按钮,小圆点会跟着切换,但是元素却没有切换,一直保持在最后一张,折腾了半天,发现不能给Sw <a href="https://www.cnblogs.com/zxh2459917510/p/11837673.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zxh2459917510/p/11241726.html
react-electron 项目打包体积尽可能减小的方法 - wtaufpziv
当一个react-electron项目做好之后就可以开始进行打包,首先就是打包react,这个自然不用多说,不过事先要记住一点,项目目录主进程文件main.js最好放在根目录,再执行打包命令 这个时候目录结构应该是这样 这个时候需要强调的是,react项目已经打包完成,这个时候完全可以只靠main.
2019-07-24T16:22:00Z
2019-07-24T16:22:00Z
wtaufpziv
https://www.cnblogs.com/zxh2459917510/
【摘要】当一个react-electron项目做好之后就可以开始进行打包,首先就是打包react,这个自然不用多说,不过事先要记住一点,项目目录主进程文件main.js最好放在根目录,再执行打包命令 这个时候目录结构应该是这样 这个时候需要强调的是,react项目已经打包完成,这个时候完全可以只靠main. <a href="https://www.cnblogs.com/zxh2459917510/p/11241726.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zxh2459917510/p/11241256.html
关于react打包之后静态资源加载错误的问题 - wtaufpziv
之前在打包react项目时发现一些问题,打包出来后我的一部分png图标加载不出来,开发者模式发现他们的路径中莫名其妙混入了我在react-router路由中使用<Browserrouter>的路由名称,网上看到有一种方法是使用Hashrouter,但我的一些功能不允许因此这个方式自然不行,但是我却发
2019-07-24T14:16:00Z
2019-07-24T14:16:00Z
wtaufpziv
https://www.cnblogs.com/zxh2459917510/
【摘要】之前在打包react项目时发现一些问题,打包出来后我的一部分png图标加载不出来,开发者模式发现他们的路径中莫名其妙混入了我在react-router路由中使用<Browserrouter>的路由名称,网上看到有一种方法是使用Hashrouter,但我的一些功能不允许因此这个方式自然不行,但是我却发 <a href="https://www.cnblogs.com/zxh2459917510/p/11241256.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zxh2459917510/p/11168315.html
mapstatetoprops更新state但props不更新渲染的问题 - wtaufpziv
通过react-redux和redux实现react组件之间的通信,reducer、action、store都编写正确,mapDispatchToProps也能正确传值.唯独mapStateToProps的return出现了问题 reduce action connect绑定 组件渲染 本来的需求是
2019-07-11T02:09:00Z
2019-07-11T02:09:00Z
wtaufpziv
https://www.cnblogs.com/zxh2459917510/
【摘要】通过react-redux和redux实现react组件之间的通信,reducer、action、store都编写正确,mapDispatchToProps也能正确传值.唯独mapStateToProps的return出现了问题 reduce action connect绑定 组件渲染 本来的需求是 <a href="https://www.cnblogs.com/zxh2459917510/p/11168315.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zxh2459917510/p/11165217.html
关于redux和react-redux使用combinereducers之后的问题 - wtaufpziv
最近用react写项目的时候,开始复习之前学过的redux,记录一下一些坑,以防忘记 我现在的redux目录下有这么些东西 首先是index.js 然后是player.js 然后是封装的actioncreater和actiontype 现在一切正常,当更改store触发函数后打印此时的sotre.g
2019-07-10T13:09:00Z
2019-07-10T13:09:00Z
wtaufpziv
https://www.cnblogs.com/zxh2459917510/
【摘要】最近用react写项目的时候,开始复习之前学过的redux,记录一下一些坑,以防忘记 我现在的redux目录下有这么些东西 首先是index.js 然后是player.js 然后是封装的actioncreater和actiontype 现在一切正常,当更改store触发函数后打印此时的sotre.g <a href="https://www.cnblogs.com/zxh2459917510/p/11165217.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zxh2459917510/p/11028644.html
慕课网electron写音乐播放器教程,代码跟随教程变动(十) - wtaufpziv
添加播放状态,首先是歌曲名称和时间 在index.html中添加 然后调用audio自带的歌曲加载完毕事件函数和当前播放时间函数 再编辑渲染播放状态函数和播放时间更新函数 到这里播放状态功能就已实现,但需要注意的是audio自带的歌曲长度和当前播放长度是以秒为单位,需要通过一定的算法转换为分秒的形式
2019-06-15T11:48:00Z
2019-06-15T11:48:00Z
wtaufpziv
https://www.cnblogs.com/zxh2459917510/
【摘要】添加播放状态,首先是歌曲名称和时间 在index.html中添加 然后调用audio自带的歌曲加载完毕事件函数和当前播放时间函数 再编辑渲染播放状态函数和播放时间更新函数 到这里播放状态功能就已实现,但需要注意的是audio自带的歌曲长度和当前播放长度是以秒为单位,需要通过一定的算法转换为分秒的形式 <a href="https://www.cnblogs.com/zxh2459917510/p/11028644.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zxh2459917510/p/11028507.html
慕课网electron写音乐播放器教程,代码跟随教程变动(九) - wtaufpziv
实现主页面的播放器功能 定义变量 将allTrack是赋值语句加入监听函数 给承接列表的总div设置一个点击事件 由于这里使用的事件冒泡,故需要判断当前点击的逻辑 编辑点击事件函数 往MusicDataStore的DataStore封装类中添加删除功能,封装类详情在前面的博客中 往main.js中添
2019-06-15T10:51:00Z
2019-06-15T10:51:00Z
wtaufpziv
https://www.cnblogs.com/zxh2459917510/
【摘要】实现主页面的播放器功能 定义变量 将allTrack是赋值语句加入监听函数 给承接列表的总div设置一个点击事件 由于这里使用的事件冒泡,故需要判断当前点击的逻辑 编辑点击事件函数 往MusicDataStore的DataStore封装类中添加删除功能,封装类详情在前面的博客中 往main.js中添 <a href="https://www.cnblogs.com/zxh2459917510/p/11028507.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zxh2459917510/p/11027287.html
慕课网electron写音乐播放器教程,代码跟随教程变动(八) - wtaufpziv
主页面列表的渲染 首先是main.js页面发送列表信息给index.js 在createWindow函数中添加: 然后是每次添加音乐也要重新渲染 index.html页面的构建,这里使用了一个图标库 同时里面已经有一个div盒子 编辑index.js
2019-06-15T05:11:00Z
2019-06-15T05:11:00Z
wtaufpziv
https://www.cnblogs.com/zxh2459917510/
【摘要】主页面列表的渲染 首先是main.js页面发送列表信息给index.js 在createWindow函数中添加: 然后是每次添加音乐也要重新渲染 index.html页面的构建,这里使用了一个图标库 同时里面已经有一个div盒子 编辑index.js <a href="https://www.cnblogs.com/zxh2459917510/p/11027287.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zxh2459917510/p/11027221.html
慕课网electron写音乐播放器教程,代码跟随教程变动(七) - wtaufpziv
这一节完善点击添加按钮,add.js发送消息给主进程,主进程缓存保留音乐信息并命令index.js页面进行渲染的整块逻辑 之前已经给导入音乐按钮添加了id为add-music,所以直接编辑ad.js 之后在main.js中添加ipc监听事件
2019-06-15T04:38:00Z
2019-06-15T04:38:00Z
wtaufpziv
https://www.cnblogs.com/zxh2459917510/
【摘要】这一节完善点击添加按钮,add.js发送消息给主进程,主进程缓存保留音乐信息并命令index.js页面进行渲染的整块逻辑 之前已经给导入音乐按钮添加了id为add-music,所以直接编辑ad.js 之后在main.js中添加ipc监听事件 <a href="https://www.cnblogs.com/zxh2459917510/p/11027221.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zxh2459917510/p/11026865.html
慕课网electron写音乐播放器教程,代码跟随教程变动(六) - wtaufpziv
封装存储音乐地址信息缓存的类 新建一个MusicDataStore.js,由于要给不同的音乐在存储时设置id,所以先引入uuid模块 之后编辑这个类
2019-06-15T03:01:00Z
2019-06-15T03:01:00Z
wtaufpziv
https://www.cnblogs.com/zxh2459917510/
【摘要】封装存储音乐地址信息缓存的类 新建一个MusicDataStore.js,由于要给不同的音乐在存储时设置id,所以先引入uuid模块 之后编辑这个类 <a href="https://www.cnblogs.com/zxh2459917510/p/11026865.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zxh2459917510/p/11026716.html
慕课网electron写音乐播放器教程,代码跟随教程变动(五) - wtaufpziv
通过node设置本地缓存存取数据优化读取速度和保持数据持久化 首先在根目录下安装模块 使用方法很简单 缓存以config.json的形式存在硬盘中
2019-06-15T02:28:00Z
2019-06-15T02:28:00Z
wtaufpziv
https://www.cnblogs.com/zxh2459917510/
【摘要】通过node设置本地缓存存取数据优化读取速度和保持数据持久化 首先在根目录下安装模块 使用方法很简单 缓存以config.json的形式存在硬盘中 <a href="https://www.cnblogs.com/zxh2459917510/p/11026716.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zxh2459917510/p/11025036.html
慕课网electron写音乐播放器教程,代码跟随教程变动(四) - wtaufpziv
在add界面显示已选择的歌曲列表(原生js操作dom) 接上一条博客,继续修改main.js中 在ad.js中添加监听 编辑操作dom的函数
2019-06-14T10:59:00Z
2019-06-14T10:59:00Z
wtaufpziv
https://www.cnblogs.com/zxh2459917510/
【摘要】在add界面显示已选择的歌曲列表(原生js操作dom) 接上一条博客,继续修改main.js中 在ad.js中添加监听 编辑操作dom的函数 <a href="https://www.cnblogs.com/zxh2459917510/p/11025036.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zxh2459917510/p/11024952.html
慕课网electron写音乐播放器教程,代码跟随教程变动(三) - wtaufpziv
通过dialog实现文件的选中 在本系列一中add.html的文件已经构建完毕了,首先优化一下获取dom节点的代码 新建helper.js文件 修改index.js 编辑ad.js 之后往main.js中添加
2019-06-14T10:36:00Z
2019-06-14T10:36:00Z
wtaufpziv
https://www.cnblogs.com/zxh2459917510/
【摘要】通过dialog实现文件的选中 在本系列一中add.html的文件已经构建完毕了,首先优化一下获取dom节点的代码 新建helper.js文件 修改index.js 编辑ad.js 之后往main.js中添加 <a href="https://www.cnblogs.com/zxh2459917510/p/11024952.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zxh2459917510/p/11024829.html
慕课网electron写音乐播放器教程,代码跟随教程变动(二) - wtaufpziv
上次代码中,可以发现构建两个进程的代码几乎一样,若需要渲染的进程有很多,对于以下这个代码块会出现多次使用,如果每次都去复制粘贴显然不现实 因此使用一个封装类来进行代码复用 此时只需要这样调用 同时使用ready-to-show进行一个优化,在AppWindow中添加
2019-06-14T10:12:00Z
2019-06-14T10:12:00Z
wtaufpziv
https://www.cnblogs.com/zxh2459917510/
【摘要】上次代码中,可以发现构建两个进程的代码几乎一样,若需要渲染的进程有很多,对于以下这个代码块会出现多次使用,如果每次都去复制粘贴显然不现实 因此使用一个封装类来进行代码复用 此时只需要这样调用 同时使用ready-to-show进行一个优化,在AppWindow中添加 <a href="https://www.cnblogs.com/zxh2459917510/p/11024829.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zxh2459917510/p/11024588.html
慕课网electron写音乐播放器教程,代码跟随教程变动(一) - wtaufpziv
已完成index和add页面的构建, <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>添加音乐</title> <link rel="stylesheet" href="../node_modules/bootstrap/dis
2019-06-14T09:42:00Z
2019-06-14T09:42:00Z
wtaufpziv
https://www.cnblogs.com/zxh2459917510/
【摘要】已完成index和add页面的构建, <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>添加音乐</title> <link rel="stylesheet" href="../node_modules/bootstrap/dis <a href="https://www.cnblogs.com/zxh2459917510/p/11024588.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zxh2459917510/p/11022922.html
关于electron中入口文件main.js一些重要参数(持续更新maybe) - wtaufpziv
第一次发博: 在函数createWindow中设置第一个渲染进程mainWindow里有一个webpreferences,里面的第一个参数暂不知道,也许后续会更新。第二个参数是如果当前进程所使用的的html文件需要用到nodejs模块则必须加这个参数,且设置为true,否则所有目标html文件中的n
2019-06-14T05:53:00Z
2019-06-14T05:53:00Z
wtaufpziv
https://www.cnblogs.com/zxh2459917510/
【摘要】第一次发博: 在函数createWindow中设置第一个渲染进程mainWindow里有一个webpreferences,里面的第一个参数暂不知道,也许后续会更新。第二个参数是如果当前进程所使用的的html文件需要用到nodejs模块则必须加这个参数,且设置为true,否则所有目标html文件中的n <a href="https://www.cnblogs.com/zxh2459917510/p/11022922.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zxh2459917510/p/10513029.html
小程序开发踩坑之旅 - wtaufpziv
关于this的绑定 这个应该也不算是小程序专有的坑了,但之前写的东西没碰到这次写小程序遇到了就顺便记录一下 问题描述:我要做一个获取用户的openid的环节,于是在js里面有了这块代码 this.setData({ openid: info.data.openid }); this.setData(
2019-03-11T12:39:00Z
2019-03-11T12:39:00Z
wtaufpziv
https://www.cnblogs.com/zxh2459917510/
【摘要】关于this的绑定 这个应该也不算是小程序专有的坑了,但之前写的东西没碰到这次写小程序遇到了就顺便记录一下 问题描述:我要做一个获取用户的openid的环节,于是在js里面有了这块代码 this.setData({ openid: info.data.openid }); this.setData( <a href="https://www.cnblogs.com/zxh2459917510/p/10513029.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zxh2459917510/p/10478065.html
微信小程序开发踩坑之旅 - wtaufpziv
项目之始: 一、搭建新项目时出现了 page[pages/XXX/XXX] not found.May be caused by :1. Forgot to add page route in app.json.2. Invoking Page() in async task. 解决办法: 1、在每
2019-03-05T09:09:00Z
2019-03-05T09:09:00Z
wtaufpziv
https://www.cnblogs.com/zxh2459917510/
【摘要】项目之始: 一、搭建新项目时出现了 page[pages/XXX/XXX] not found.May be caused by :1. Forgot to add page route in app.json.2. Invoking Page() in async task. 解决办法: 1、在每 <a href="https://www.cnblogs.com/zxh2459917510/p/10478065.html" target="_blank">阅读全文</a>