- 博客(33)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 通过原型链添加Date()计算距离当前时间
var a = new Date('1919 7 11');console.log(a.ago);Date.prototype.__defineGetter__('ago', function () { var diff = (((new Date()).getTime() - this.getTime()) / 1000), day_diff = Math.floor(diff / 86400); // 一天的时间戳 86400 return day_diff ===..
2021-08-11 11:07:13
192
原创 vue-router4.x h5模式嵌套路由刷新页面404
首先详细说一下我遇到的问题因为项目地址是hash的看起来不美观，所以想要改为h5模式，一切看起来都正常，范围到子路由的地址后刷新一下页面白了，什么都没有了。。。首先是router.ts这样配置之后访问和url地址看起来是没问题的问题出现在访问嵌套路由后刷新页面，白了vue-cli配置文件是这样的一开始看浏览器f12什么也没看出来，报错大致'token >'这类的东西，百度和api都没找到响应的解决方法，直接说怎么解决的吧vue.config.js里面的...
2021-08-06 17:19:59
436
原创 利用new Worker处理js卡死问题
在日常写代码时，我们会经常遇到过，js文件或html页面内的 js 逻辑太过复杂，并且处理的数据太过庞大，页面经常会出现loading时间过长或直接卡死，大大的降低用户的体验效果PS：（看书上说如果页面上有一直在执行的代码，当页面放置很久后，也会卡死，当然，用这种方法也可以得到解决，只不过还没试）worker是一个能处理js长期运行,页面卡死的一个很好函数首先看代码var nu...
2020-02-16 19:31:33
2455
2
原创 js两组数据比较获得去重后的数据
var row = [{"datapool_id":"1","index_name":"月指标1"},{"datapool_id":"1","index_name":"月指标1"}];var twoZb = [{"datapool_id":"2","index_name":"月指标4"},{"datapool_id":"4","index_name":"月指标5"}];//这里我县循环的是...
2019-12-03 17:10:40
524
原创 VUE 组件之间.sync的传参
在创建弹框组件的时候，会遇到子组件的props更新到父组件的问题这是父组件的代码 <Dialog :show.sync="showSafeDialog" title="安全防护措施和手段" width="50%"> <div v-html="means"></div> </Dialog> ...
2019-04-12 15:53:20
2234
原创 微信小程序微信网页授权回调不提示授权
首先 scope = snsapi_userinfo && 没有关注的公众号 才会弹出还有回调的 redirect_uri 需要经过转码的 如果这两项没问题，那就继续看文档吧。。。https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842...
2018-08-15 11:58:39
2432
原创 微信小程序picker滚动选择器，级联问题
小程序API提供的滚动选择器是没有级联关系的，请求接口返回的数据是tree类型的{ "data": [{ "flid": "13541", "name": "阿斯蒂", "children": [{ "flid": "3c24dcad-2356-4aed-9db3-dfe169e0048c", "name&q
2018-08-03 11:06:40
4270
1
原创 微信小程序调起客户端扫码后跳转页面传密文被截取
原因很简单，但是解决用了好长时间我的参数：as1dfa54sd3f21as3d5f4asdf213a1sd5f4a3sdf1as3d54f=重点在最后的 =通过url传参页面 wx.scanCode({ onlyFromCamera: true, success: (res) => { wx.n...
2018-08-02 15:04:36
1252
原创 Vue ElementUI dialog弹出框被遮罩层盖住
这个问题遇到了好几次了，这次找到问题的原因了原因一：因为dialog的组件外层div设置了 position：absolute； 属性所以导致遮罩层会在最上面原因二：因为是dialog 里面 套了一个dialog ，需要在里面的dialog:append-to-body=“true” ****************************...
2018-03-08 09:56:05
16553
1
原创 umi - react web端 集成腾讯即时通信IM,实现自定义翻译功能
于是进行更改,发现按照官网提示的集成含UI的IM是直接下载依赖,然后引入组件包直接用,在官网上没看到有哪里配置自定义翻译的文档 , 于是咨询客服。最初的思路是在消息的更多选项中添加自己自定义的功能, 然而没找到在哪里加 ,在集成腾讯的IM的时候需要用到自定义翻译功能,调用自己的翻译服务 ,一度绝望的时候 ,各种翻找TS类型提示最后解决了 , 很简单。项目使用umi - react 框架。
2024-02-23 17:24:33
384
原创 uview组件封装form表单后有关弹框的组件安卓部分机型不显示
荣耀部分机型 oppo部分机型 和小米部分机型 点击 input没反应 ,调试了半天发现 u-input 内部设置disabled后click事件不执行。封装了form表单组件,u-select u-action-sheet u-picker 等组件通过 u-input @click事件唤起。修复结果 ,将u-input 为disabled 的 添加自定义style pointerEvents: "none"Chrome内核版本116及以上的都有这个问题。
2024-02-23 16:27:51
718
2
原创 记录一下uniapp 集成腾讯im特别卡(已解决)
由于是二开 , 也为了方便 , 沿用之前的webview嵌套腾讯IM的方案 , 选用uniapp集成ui ,升级之后所有安卓用户反馈点击进去特别卡,几乎不能用...总感觉我集成的方式不对 , 一次性加载太多组件或 耗费电脑内存的东西了 ,所以导致的卡 , 为毛ios一点事情都没有。后台觉得是uniapp集成IM的原因 ,我又创建了一个h5 vue3版本的 , 按照官网弄还是卡 ...之前这个项目集成过im,不过版本太老了,0.x的版本, 现在需要添加客服功能,所以就升级了。
2024-01-20 19:40:29
853
2
原创 better-scroll 嵌套 antd 分页器问题
问题: react项目中 better-scroll 嵌套 antd 分页器,第一次选中10条后再次选中10条分页会直接关闭选择总条数的select.在better-scroll配置项中添加。
2023-12-19 11:21:04
373
原创 利用canvas封装录像时间轴拖动(uniapp),封装上传uniapp插件市场
项目是一个空项目,其中包含了封装的插件,自己阅读,由于利用了canvas所以在使用中暂不支持.nvue,待优化;项目也是借鉴了github上的一个项目,地址找不到了,尴尬了.........
2023-12-15 10:38:06
749
2
原创 关于成品项目分辨率适配解决方案
量太大,项目用的react+antdv+umi,react页面没有800个也有500个了,一个一个页面改,不太现实,耗时太久,决定找新的其他方案.在网上找了一些文章,决定用css3 transfrom + js window.onresize 剑走偏锋做适配。,这是封装react的组件,vue的没空弄,用的时候直接包装在组件最外层就行了。最近接手一个项目,开发马上完成,客户突然提出产品的分辨率适配不太友好;......领导一声令下,改吧。
2023-12-15 10:31:51
425
原创 antd DatePicker日期选择框，禁用日期使用
dayjs.diff()每个参数都是什么意思，将第三个参数设置为true，将.diff()算出的结果不取证就好了。，稍微改了一些判断逻辑，发现怎么判断都不对，要么当前天和后一天都被禁用了，要么都启动了。解决：经过查找Day.js官网，发现dayjs.diff算法有第三个参数，需求：根据当前日期，向前推七天，之前的日期与之后的日期都禁用。实现问题：根据官网提供的。
2023-10-26 11:33:22
107
原创 vue-cli3配置反向代理
和官网上配置一样就行 devServer: { // 端口配置 port: 8888, // 反向代理配置 proxy: { '/api': { target: '后台地址', ws: true, pathRewrite: { '^/api': '/' } }
2022-01-19 13:14:37
858
原创 关于vue3-ts的项目开发
头段时间一直在学习vue3和ts的技术,一边借鉴这其它人的项目例子,一边自己整理加查找API官方文档整理除了一个小的demo,自己还是比较满意的演示地址链接https://quitelxd.github.io/vue3-ts/#/introduce项目地址链接https://github.com/quitelxd/vue3-ts.git如果有兴趣的话可以一起讨论一下这个demo有哪些缺陷和不足之处...
2021-07-18 10:43:06
269
原创 vue自定义组件双向绑定
要实现的功能：自定义一个子组件，在父组件中传值，子组件中变化，子组件中通过props接受，子组件改变这个值时（$emit）父组件不必通过 @on来监听接受变化的值
2021-06-18 16:49:35
195
原创 使用vue连接rabbitMQ
首先是连接的资源包插件 为stompjs然后说一下连接的简要的流程（可以查到很多），通过stop创建一个连接，let client = Stomp.client("mqURL")然后登陆mq的服务 client.connect('用户名', '密码', () => { console.log('登录成功'); }, () => { console.log('登录失败'); }, '/');
2021-02-08 15:18:48
6018
6
原创 fabric.js 画板，画图串位置
自己总结原因：应该是因为页面的布局原因，如果放在一个空的html页面中则不会出现串位置，粘贴一下图片算了，看不出了，看一下整理好的样子吧
2020-11-10 12:46:07
333
2
原创 fabric自动拉伸背景图，坑！坑！坑！
fabric.Image.fromURL('图片', (img, isError) => { img.set({ scaleX: this.canvas.width / img.width, scaleY: this.canvas.height / img.height, // width: this.canvas...
2020-11-09 15:14:00
1390
原创 openLayers6（一）导入天地图，更改主题
首先，我用的是vue项目，引入的静态资源，因为我觉得安装依赖后按需引入特别麻烦html<div id="map"> <div class="tool"> <div @click="addLayer('dt')" :class="{active: toolName == 'dt'}"> 地图 </div>
2020-11-03 10:22:32
2023
1
原创 两层for循环break无法停止循环 label
consss: for(var i = 0;i<10;i++){ for(var j=0;j<10;j++){ if(i == 5 && j == 5){ console.log(222) break consss; } } } console.log(i,j);
2020-10-11 12:33:23
478
原创 js取数组中相邻并相同并非首个的数据
需求：查找数组中相邻并且id相同的元素，将非首个元素添加一个新的属性；var data = [{name: 55, id: 2}, {name: 88, id: 2}, {name: 99, id: 2}, {name: 2, id: 3}];处理后var data = [{name: 55, id: 2}, {name: 88, id: 2, flag: true}, {name: 99, id: 2, flag: true}, {name: 2, id: 3}];方法： .
2020-10-09 09:45:23
1287
原创 js循环数据，创建新的map
[{ "datapool_id": "1,2,5,6", "poolList": [{ "name": "哈哈", "value": "1" },{ "name": "哈哈1", "value": "2" }, { "name": "哈哈2", "value": "3" }]}]改过之后格式如下[{ "datapool_id": "1,2,5,6...
2019-12-04 16:50:24
646
原创 elementUI table选中问题
首先说一下我的问题：table可以翻页，可以选中，选中之后翻页回来需要默认勾选已经选中的。解决：首先监听table的选中状态，用 @select，这样选中的数据不会被清空，在table翻页请求之后，用@select 监听的数据和请求后的数据做对比，如果一样，_this.$refs.multipleTable.toggleRowSelection(item2, true...
2018-08-23 14:08:48
5305
原创 微信小程序图片添加水印
页面布局 <canvas class='canvas' style="width:{{canvasWidth}}px;height:{{canvasHeight}}px;top:{{canvasHeight*2}}px;" canvas-id="firstCanvas"></canvas>css.canvas{ position: fixed; ...
2018-07-24 16:40:00
16310
2
原创 vue封装请求，进了success又进了error
首先是因为数据格式错误导致的因为项目内使用了高德地图，在请求接口获取经纬度时，正常接收到值，所以进入了success，这也是没问题的，因为数据格式错误导致高德抛出异常错误（LNGLAT），所以进入了error里面，至于为什么高德的异常错误会进入到自己封装的vue请求里面就不知道，希望知道的指点指点...
2018-06-12 13:39:44
2776
空空如也
前端vue链接rabbitMQ用户名密码暴露有什么影响么？
2021-06-03
TA创建的收藏夹 TA关注的收藏夹
TA关注的人