- 博客(70)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 React中使用react-router-cache-route缓存页面状态
React中使用react-router-cache-route缓存页面状态
2023-01-09 10:38:03
4688
原创 CSS边框内凹圆角，解决优惠券的边框问题
一、效果图二、源码<html<head> <title>无标题页</title> <style> body{ background:#999 }.raidal1 { height: 100px; width: 100px; background:radial-gradient(200px at left top,transparent 50%,#fff 50%);} /* 右上 */
2022-03-17 19:52:43
663
原创 git push需要输入用户名和密码问题
解决方法：1）查看使用的clone方式：git remote -v可见使用的方式是HTTPS；2）删除原clone方式:git remote rm origin3）添加新的clone方式：git remote add origin [email protected]:zludon/git_test.git执行成功后再查看，已经变成SSH方式了：4）测试git push需要注意的是，改动完之后直接执行git push是无法推送代码的，需要设置一下上游要跟踪的分支，与此同时会自动执行一次
2022-02-25 17:00:56
5624
1
原创 npm run build打包报错（react）
一、现象一直都是正常的，突然有一天打包，报错了，关键信息如下：Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory具体如下图：二、解决步骤各类资料都说是node内存溢出，也给出了解决方案，比如：–max_old_space_size=4096之类的，但是对我都没有作用啊，(如果你参考我的也不奏效，可以去看看上述其他方法)后来看到了一个解决方法，奏效了！！！1、c
2021-12-09 17:56:47
1409
原创 electon+react桌面应用程序的一些小功能
由于不是专门开发客户端的，这里仅记录一些做过的小功能点1、动态改变窗口大小win.setSize(x,y)不生效使用win.setContentSize(1122, 670); //重新设置窗口客户端的宽高值（例如网页界面）。2、点击复制功能给想要复制的文本元素设置id<div style={{ display: "flex" }}> <div id='confIdTxt' style={{ marginRight: "10px" }}>{confInfo.con
2021-12-03 13:35:24
564
原创 electron打包生成exe程序
一、步骤1、package.json中添加配置如下： "scripts": { "package":"electron-packager . demoName --platform=win32 --arch=x64 --icon=favicon.ico --out=./out --asar --app-version=0.0.1 --overwrite --ignore=node_modules" },其中，demoName-生成的应用程序.exe的名称
2021-12-03 13:04:27
2780
原创 chrome浏览器启用本地exe应用程序
一、效果图二、思路通过自定义URL Protocol来调用应用程序。浏览器在解析到自定义URL Protocol之后，会寻找注册表，然后通过注册表启动相应的程序。这样就可以在WEB页面调到你的程序了。比如在浏览器地址栏输入“tencent://message/?uin=88888888&Site=JooIT.com&Menu=yes”就会出现一个QQ对话框。三、步骤1、新建.reg文件，并运行Windows Registry Editor Version 5.00[HKEY_C
2021-12-03 10:09:25
14899
8
原创 RN上使用react-native-video视频播放器插件
一、环境“react”: “17.0.2”,“react-native”: “0.65.1”,二、现象及解决办法react-native-video安装后报错，是因为与react-native 0.65版本不兼容解决方案： https://github.com/react-native-video/react-native-video/issues/2468allprojects { repositories { .... # Keep the rest
2021-11-26 15:39:27
2212
原创 RN软件版本更新，安装react-native-code-push后运行报错
关于版本更新步骤参考https://cloud.tencent.com/developer/article/1191478一、参考React Native 0.60及以上版本插件安装与配置（安卓）https://github.com/microsoft/react-native-code-push/blob/master/docs/setup-android.md二、我的环境及安装版本node-v14.17.6“react-native”: “0.65.1”,“react-native-cod
2021-11-26 13:44:27
2251
原创 火狐浏览器开机自启动打开指定页面并全屏
1、在电脑桌面上新建一个txt文件，文件名随便，如OPEN.txt。2、在OPEN.txt文档里写入以下指令：@echo offstart firefox --start-fullscreenexit3、将OPEN.txt另存为OPEN.bat，保存。注意：点击左上角文件，选择另存为……若直接输入OPEN.bat的话，文件属性还是TXT，只有将保存类型选择为“所有文件”时，才能成功4、键盘同时按住WIN+R，然后在打开的窗口中输入shell:startup，点击确定，进入到开机自启文件
2021-11-16 14:09:10
4497
原创 echarts地图geoJson报错(Uncaught Error:Invalid geoJson format Cannot read property ‘length‘ of undefind）
一、报错原因对比geojson数据发现，出现报错原因是因为数据类型中有GeometryCollection存在。经分析，由于生成的地图里有一个区域为两块不连续的地图块，所以生成的geoJson中此区域的geometry.type===GeometryCollection。然而，echarts 中对于此类型没有做处理，详情见源码node_modules\echarts\lib\coord\geo\parseGeoJson.js访问官方的github仓库，issues存在对应的解决方法, https://
2021-11-10 15:17:15
3786
2
原创 视频播放器播放flv报错Flv: Unsupported audio codec idx: 7
一、详细报错信息如下[TransmuxingController] > DemuxException: type = CodecUnsupported, info = Flv: Unsupported audio codec idx: 7Uncaught (in promise) Error: Unhandled error. (undefined) at EventEmitter.emit (events.js:135) at EventEmitter.eval (flv-pla
2021-10-15 14:28:52
9858
原创 vue使用百度离线地图时解决瓦片过大放入nginx的问题
这里离线地图的开发不再赘述，有需要的小伙伴可以参考我另一篇博客：离线地图教程一、为什么要将瓦片地图放进nginx图片太大，放在本地运行太慢，甚至直接挂了二、瓦片做nginx代理1、先下载nginx，进入conf文件夹，将nginx.conf配置修改如下：server中根据个人需要设置监听端口号server { listen 8030; server_name localhost;2、nginx中新建www文件夹，把地图文件夹tiles放进www中
2021-09-27 19:00:58
1930
原创 React--百度地图之在线地图
特别注意：该React项目是用create react app 创建的（以下所有操作都在该基础上进行）；特别注意：注意在react中使用百度地图的API时会传入大写的变量名，这时要使用window.变量名，来表明它是全局变量，不然会报错一、在百度官网获得自己的AK(密钥)1、获取AK地址：http://lbsyun.baidu.com/index.php?title=subway/guide/getkey2、获得自己的AK，拼接成百度地图apihttps://api.map.baidu.com/
2021-09-27 13:34:53
587
原创 百度地图--圆形、矩形、多边形框选工具
以下代码可以贴进官方在线demo直接测试百度地图官方在线测试：https://lbsyun.baidu.com/jsdemo.htm#c2_2<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user
2021-09-27 13:18:52
1851
原创 React Native底部tab切换刷新机制
一、需求react-native底部tab有两个单元，首页A和个人中心B；首次加载tab A和tab B的时候，页面都会刷新，但是之后的切换操作都不会进行页面刷新。现需要在个人中心B进行相关操作后，点击首页A，A页面中的数据也需要刷新过来二、解决DeviceEventEmitter刷新机制：利用DeviceEventEmitter在RN内的发送和接受需要刷新的动作。B页面操作决定A页面刷新，B页面发送通知，A页面接收通知1、B页面：发送通知//发送通知DeviceEventEmitter.e
2021-09-27 13:06:21
778
原创 react中父子组件相互传值或方法
一、为什么要用组件项目开发中有一个地图经纬度选择的对话框，这个选择器多处使用到，起初觉得就是复制粘贴的事，也懒得去研究什么父子组件啊什么的，后来被无数次调整搞到自闭，因为一调整就是每一处使用的都得改，实在是太麻烦了，于是才去研究父子组件，把这个地图经纬度选择的功能抽取出去成为一个组件，随调随用，如需要改动，也只需要改这个组件就可以，简直人间天堂二、...
2021-08-31 13:06:58
3496
原创 点击事件中的console.log()，在浏览器不打印了
装了个网上下载的钓鱼软件，把电脑搞崩了，再后来恢复正常后，发现正常的console.log()不打印了，很多都说是自己设置了过滤条件，但是我并没有。后来看到有说扩展程序引起的，然后就发现了果然给我自动装了几个扩展程序，于是把浏览器扩展程序删掉，okk，恢复正常。...
2021-08-19 15:04:15
2388
2
原创 vue中watch的报错处理Error in callback for watcher “playing_list“:**
一般报这个错就是你watch监听中，对应的数据监听函数中出现了bug。查找资料，都说是箭头函数引起的this指向问题，但是我的并没有写。后来发现，我的是监听到数据变化就去刷新echarts，即重新绘制图表，但图表容器没有获取到，我直接绘制造成的。watch:{ playing_list:function(newvalue,oldvalue){ if(this.dialogVisible_assess){//图表在弹框中，需要在弹框显示时重新绘制 if(t
2021-08-19 13:57:07
11179
原创 在线音频、视频、图片测试链接
在线视频测试链接：http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4http://vjs.zencdn.net/v/oceans.mp4https://media.w3.org/2010/05/sintel/trailer.mp4http://mirror.aarnet.edu.au/pub/TED-talks/911Mothers_2010W-480p.mp4在线图片测试链接：http://static.runoob.com/images/dem
2021-08-12 14:06:23
3612
原创 vue axios(获取文件流乱码)设置返回值类型responseType:‘blob‘无效
一、需求vue项目，要求通过接口获取第三方平台传输的文件流，无需下载，获取后转成文件自动上传到当前平台媒资库。二、开发过程经过百度，找到了将文件转换成blob文件流格式，再将blob转换成file文件let blob = new Blob([data]);//data是文件流(字符串格式，此时还没有意识到出现了乱码问题)let file = new File([blob], row[1], {type:"audio/mpeg"});整合到自己代码中，因为设置了responseType: “bl
2021-08-12 13:48:23
7216
3
原创 div大小重置
1、获取窗口宽高const win_height = Number(window.innerHeight);const win_width = Number(window.innerWidth);2、获取父元素宽高const parent_Height = document.getElementById("SL-data-wrap").parentNode.clientHeightconst parent_Width = document.getElementById("SL-data-wrap
2021-08-12 12:22:29
222
原创 MQTT消息订阅和发布
一、消息订阅connectMqtt=()=>{ var reconnectNum = 0;//重连次数 var mqtt_url = "ws://"+ window.location.host + "/mqtt"; MQTT = mqtt.connect(mqtt_url,{username:"yj",password:"12345"}) MQTT.on('connect',e=>{ console.log
2021-05-26 11:16:17
925
原创 Visual studio 2017 添加引用时报错未能正确加载ReferenceManagerPackage包的解决方法
一、现象二、解决方法及步骤1、在VS2017 应用图标上，右键，打开文件位置，找到PublicAssemblies文件夹记录路径，我的在E盘，大家根据自己的修改盘符：E:\Visual Studio\2017\Community\Common7\IDE\PublicAssemblies2、在开始菜单处，找到visual studio 2017文件夹下”vs 2017开发人员命令提示符“这个工具，右键，管理员身份打开3、重头戏①先输入:你在1步骤中找到的PublicAssemblies所
2021-05-12 09:08:07
1460
原创 react框架下基于MQTT的实时喊话功能（录音+广播）
一、需求不采用任何额外的插件服务，通过浏览器采集电脑麦克风声音，并实时播放二、技术思路1、通过浏览器采集电脑麦克风的声音，recorder.js①完整示例参考：https://www.jb51.net/article/159849.htmnpm 安装js-audio-recorder插件版本（1.x版本目前不支持边录边转，0.x版本支持）1.x版本：https://github.com/2fps/recorder0.x版本：https://gitee.com/davylw/recorder
2021-04-25 11:12:29
3193
原创 视频画面铺满整个播放器
一、现象如下图：视频画面不能铺满整个播放器二、解决方法//css中写此样式video { object-fit: fill; //根据需要更改，有cover、contain等等}效果三、扩展1、如果使用的播放器有铺满（或者拉伸、自定义画面大小）属性，优先使用这些属性，2、如果播放器不支持，不管什么播放器，都是在video基础上集成的，那么我们可以强制video视频画面铺满整个播放器即可...
2021-04-07 13:04:13
1050
原创 react 中Wavesurfer绘制音频波形图
一、效果二、使用1、npm 安装npm install wavesurfer.js --save2、引入import WaveSurfer from 'wavesurfer.js' //导入wavesurfer.jsimport Timeline from 'wavesurfer.js/dist/plugin/wavesurfer.timeline.js' //导入时间轴插件3、绘制drawPlay=()=>{ this.wavesurfer = WaveSurf
2021-03-23 14:38:55
1912
原创 react中Js2WordCloud画词云
一、效果二、源码1、npm安装npm install js2wordcloud --save2、引入import Js2WordCloud from 'js2wordcloud/dist/js2wordcloud.js'3、使用optionChart1=()=>{ var self = this; // let div = echarts.init(document.getElementById('yjgb-box-1')); var
2021-03-23 14:02:54
700
原创 浏览器长连接|浏览器同域名请求最大并发限制
一、现象我是做实时监控的时候遇到的这个问题，一开始啥也不懂，为什么明明请求都发了，我9个监控只能显示6个，剩下的就不显示了，请求一直处于pending（等待）状态。二、原因经过咨询前辈和疯狂百度终于搞明白了。通俗点讲，就是浏览器的请求（以我的为例，每个浏览器不一样）每6个一起发，等这6个请求结束了开始下一组，而实时监控的视频流是一直存在的，并不像接口请求或者图片请求之类的有结束状态，所以超过6个后的请求会一直处于pending状态。三、解决方案那么，为什么别人的监控大屏可以一下子多画面呢？研究发
2021-02-26 08:40:01
2674
原创 大屏显示数字时钟
一、时钟效果二、代码1、获取日期dateTime:function(cFormat, time){ time = time || new Date() var format = cFormat || '{y}-{m}-{d} {h}:{i}' var date if (typeof time === 'object') { date = time } else { if (('' + time).length === 10) time = p
2021-02-06 10:50:21
2295
1
mysql-connector-java-5.1.36-bin.zip
2019-09-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人