- 博客(59)
- 收藏
- 关注
RSS订阅原创 小程序对接echarts，绘制canvas图形层级问题
先说结论：使用微信同层渲染技术 （这个方法仅限于微信基础库 >2.9.0）uni-ec-canvas 组件wx-canvas.js使用调用 js
2025-05-19 16:57:31
656
转载 qrcodejs2 生成二维码，安卓手机长按无法识别的问题及解决方案
我们在指定的 div#qrcode 下面，再创建了一个div，并把原来装二维码的 div#qrcode 进行隐藏，然后生成二维码之后，我们获取 div#qrcode 里的 canvas 元素，并将拿到的 canvas 转为 base64 图片，然后展示在下面新创建的 div 中。这样处理之后，不管什么情况，始终展示的都是 img 图片了…在 VUE 开发的微信公众号项目中，有一个动态生成二维码的需求：根据后端传来的参数，动态生成二维码，用户长按动态生成的二维码，然后识别做相应操作。
2025-02-27 10:07:56
179
原创 如何解决 Vue 中子组件没有重新渲染的问题
一种常见的做法是在每个数据项中添加一个唯一的key，例如使用时间戳或生成的 UUID 来确保每个项的标识符是唯一的。...item,key: `${... item , key : ` ${ Date . now() } - ${ i } ` // 使用时间戳和索引组合生成唯一 key }));now... item , key : ` ${ Date . now() } - ${ i } ` // 使用时间戳和索引组合生成唯一 key }));${
2024-11-08 16:44:11
1785
1
原创 微信小程序 本地文件获取原始名称问题
结论：图片，视频类文件，获取不到真实名称，文本类文件，压缩包，安装包，可以从chooseMessageFile中获取。微信版本：8.0.50。
2024-09-14 10:51:23
793
原创 微信文件处理与命名机制分析（基于微信 8.0.50 版本）
微信作为一款广泛使用的即时通讯工具，涉及图片、视频、文档等多种文件类型的传输与管理。本文基于微信版本，探讨其对于图片、GIF、视频等文件的命名处理策略，特别是对原始文件名的转换方式，以及不同文件类型的分类机制。通过分析具体 API 的使用情况和处理方式，本文总结了微信在文件管理中的安全性考量和实际应用中的局限性。
2024-09-14 10:49:33
2047
原创 echrts 在uniapp写小程序时挡住tabbar，不跟随滑动问题记录
解决图表层级太高网上主要有两种方法，1.自定义tabbar 用cover-view（本项目为低代码配置项目，代价太大）。2.将图表转换为图片显示（方法太过繁琐，但不失为一种好方法，但改动也比较多，太懒不想动同事太多代码）此时实现了大部分需求，但是还是有个问题，在ios下滑动时，图表会产生上下浮动的动画效果，虽然最后会回到正确位置。背景：在uniapp编写小程序代码中引入了echarts，引入页面还是tabbar。解决：通过限制页面长度实现tabbar的正常显示。
2024-08-15 11:40:34
684
1
原创 从HTTP2的多路复用，到与TCP的关系拓展
使用 HTTP/2 后，并发请求的处理机制确实有了很大的改进，但仍然存在一些限制。：虽然 HTTP/2 协议本身支持多路复用，但实际的并发请求数量可能会受到客户端和服务器实现的限制。例如，浏览器通常会对同一域名的并发请求数量进行限制，尽管这个数量通常比 HTTP/1.1 要高得多。的并发请求数量有限制，这种限制通常被称为“连接并发限制”或“同一域名并发请求限制”。具体的限制取决于服务器的配置和硬件性能。总之，使用 HTTP/2 可以显著提高并发请求的处理能力，但仍需注意可能的限制和优化策略。
2024-08-01 15:34:09
575
原创 TCP简单概述
TCP是一种可靠的、面向连接的传输层协议，通过三次握手建立连接，通过确认和重传机制确保数据的可靠传输，通过四次挥手终止连接。它在许多需要高可靠性的网络应用中得到了广泛应用。
2024-08-01 14:41:19
431
原创 HTTP简单概述
它是万维网的基础协议，定义了浏览器和服务器之间如何请求和传输文档。HTTP有多个版本，每个版本都引入了新的特性和改进。(在此只讨论两个版本，http1.1与http2)HTTP（HyperText Transfer Protocol）是用于在客户端和服务器之间传输超文本数据（如HTML）的。在了解了以上知识点后，
2024-08-01 14:39:20
441
原创 从列表组件中key，延展到真实dom与虚拟dom
从以上来看，不带有key，并且使用简单的模板，基于这个前提下，可以更有效的复用节点，diff速度来看也是不带key更加快速的，因为带key在增删节点上有耗时。但是这种模式会带来一些隐藏的副作用，比如可能不会产生过渡效果，或者在某些节点有绑定数据（表单）状态，会出现状态错位。这些对象包含了节点的类型、属性、子节点等信息，但它们并不直接与浏览器的DOM API进行交互。首先明确key的作用，key是给每一个vnode的唯一值,可以依靠key,更准确, 更快的拿到oldVnode中对应的vnode节点。
2024-07-29 11:48:01
1011
原创 uniapp，微信小程序，在map组件外与中的代码区别
1，在地图上方编写赛选条件，及其他，不需要根据地图经纬度进行定位，数据获取之类操作，可与map写在同一层，并使用view标记正常z-index就可实现，因为微信小程序目前原生组件均已实现同层渲染。2.在地图中，依靠坐标定位显示：地图气泡自定义，依然需要使用cover-view，marker-id一定得指定，靠其定位。需求：整屏地图，需要在地图上方编写筛选条件，地图中标注经纬度定位与自定义样式。次情形仅用于微信小程序，其他的没去验证过。
2024-06-11 14:38:03
281
转载 关于百度地图获取的经纬度坐标，在小程序腾讯地图上展示位置不对的bug
问题原因：百度地图 与 腾讯地图是两种 地图坐标系。1.百度经纬度转换成腾讯/高德地图经纬度。2.腾讯/高德地图经纬度转换成百度经纬度。高德MapABC地图。灵图51ditu地图。
2024-06-05 11:58:14
608
1
原创 echarts 没画出来图形，dom报错宽高未识别
应当是你画布，父级使用了flex布局，找成了画布的宽高失效。当echarts 刷新时，画不出图形。解决方法：画布class上加上一句。
2023-12-13 16:07:48
161
原创 el-image 和 el-table冲突层级冲突问题
我在此不推荐这种解决方式，原因：此样式，会影响 单元格合并时 border显示bug。只需在加入preview-teleported 将插入地址定为body，即可解决。其中原理，很多博客已经所过了，table组件中使用图片，会出现层级过低问题，更好的解决方式其实就写在官方文档下方。网上大部分解决方式是 使用穿透。
2023-09-20 14:04:33
1249
2
原创 关于css 父级 影响 子级 z-index层级问题
如题，经过排查，发现是父级使用了 animation-fill-mode: forwards;造成了z-index失效，暂时没有找到解决方法，只能将其与父级定义在同一层。
2023-06-01 17:23:12
540
原创 关于electron + vue3 打包所遇见问题
②在vue,config.js文件中配置 preload打包文件位置。1.外置脚本preload.js 没有打进去。①packground.js中配置。解决：使用hash路由模式。2.打包后路由识别失败。
2023-02-08 11:50:12
1291
原创 css如何实现点击切换效果
1.在你要放一组的html标签中加入 tabindex标记。2.css中使用focus点击后样式更改。如此便可简单实现点击切换样式效果。
2023-01-06 14:24:49
7433
1
原创 关于ApiPost 前端配置mock 测试数据 流程
1.打开ApiPost软件，找到设置2.选择 自动生成url3.选择具体接口，将环境设置为mock环境，切换到mock服务4.将下端后端设置的返回数据，写进模拟数据中，记得保存5.编写新的axios-mock文件6.直接调用就行，至此可获取模拟数据...
2022-04-15 10:55:00
3741
原创 fultter webview 嵌套 H5， js调用不到fultter方法问题
如题，在与fultter所写app 传输数据时，发现找不到fultter所定义方法排查原因：异步回调中访问 fultter所定义方法 失败思考：可能是 所属域不同 ， 用window调用也不行，有知道的大佬请告知一下解决：将调用方法 拿出来 另起按钮调用，不与异步回调同时使用<div class="btn btnPramy tyBtn" @click="cspdf">确定</div> cspdf () { let data = JSON.strin
2021-04-07 11:04:47
236
原创 elementUI icon图标 动态菜单 打包后不显示问题
如题出现上诉问题，经过多方查证未果，最后排查出 外加class样式影响了 icon显示源代码<i :class="'iconfont '+item.meta.icon"></i><style lang="less" scoped> .iconfont { color: #ffffff; margin-right: 10px; }</style>现代码<i :class="item.meta.icon"><
2021-04-05 16:19:11
789
原创 js 关于for循环与 continue
最近拓展学习java代码的时候，发现了js 的 for循环 continue的运用 跳过本次，运行下次循环这篇文章不是研究的 continue break return的不同而是发现了for 与continue的特有作用的一种写法let outer;outer:for(let i = 101;i<150;i++){ for(let j =2;j<i/2;j++){ if(i%j == 0){ continue outer //跳到最外层for循环 运行下次循环
2021-03-06 14:48:38
3576
原创 vue 下定时器与渲染页面方法通用 执行指数形式重复调用的问题 （setInterval，this.$set，this.$forceUpdate()）
问题很好理解，在业务环境需要的情况下，进入页面即执行，如做倒计时把拥有定时器和渲染页面数据this.set，this.set，this.set，this.forceUpdate()函数，放在一起的时候出现了问题：即在执行渲染函数时，页面重新生成了新的定时器，所以会造成 指数形式重复调用解决问题：1.只有一个定时器时，吧定时器定义到window下，执行前先行判断，如果有则不再创建，或者删除if(!window.setTime){ window.setTime = setInterval(this.
2021-01-28 10:06:18
826
原创 关于uniapp的一些坑记录
最近投身一家外包公司，要求做uniapp项目记录一下坑1.在uniapp中 动态绑定input 也就是使用@input 时绑定函数中 需延迟执行代码才管用，如： setTimeout(() => { this.user.Password = this.user.Password.replace(/[^0-9a-zA-Z]/g, ''); }, 10)2.使用正则时，不能带...
2020-03-19 08:58:16
1559
原创 由轮播图 引起的下方字体闪烁
考虑了很多，也尝试了隐藏，固定高度之类，无用解决方法：在img标签的上一层div上样式加这个：transform: translateZ(0);
2020-02-29 15:47:34
551
原创 web 苹果手机 与 正则问题
今天做项目的时候遇见的一个深坑，安卓手机无任何问题，苹果页面直接崩溃思考：引起页面崩溃，可能是代码标签缺失，在就是浏览器在读取js的时候不支持某种语法，从而导致编译中断结论：经排查是由于一条正则表达式中 带有 < 小于符号而引起的反思：是否是因为< 被默认识别为了标签<>，是否还有特殊字符的正则是在苹果上不支持？...
2019-12-12 14:21:55
443
转载 TS之枚举的作用
最近在看TypeScript，接触到了一些新的概念，比如说枚举，先来看一下什么是枚举类型：enum Country { China, USA， Russia}上面的代码就在ts中定义了一个枚举类型（数字枚举），这里如果不做任何修改的话，Country.China的值为0，Country.USA的值为1，往后依次类推每一项的值都 +1看起来有点类似js中镜像翻转后的数组，又...
2019-12-10 09:30:17
5705
1
原创 个人npm 库的建立 - vue组件库
工作中难免有复用组件，只是复制代码的话，过于繁琐还不宜保存，故了想到了建立自己的npm包，封装常用的组件类。此篇文章中只谈vue-cli3.0下如何快速创建库，原生创建留到下一篇文章中...
2019-12-06 13:43:16
252
转载 组件与v-model
写插件的时候，好多时候子组件需要主动修改父组件的值，或者绑定。这时候再用单纯的父子组件通信显得不合适，最好是让父组件不再过多的自己去操作数据，不然就不像一个本分的组件了，这时候就需要v-model。!子组件：this.$emit(‘自定义属性’, data.ids)父组件：<z-select @自定义属性=‘方法’/>v-model父组件写法：绑定一个datadat...
2019-12-05 16:51:03
174
原创 多个Promise同时执行，等待最后一个返回值
项目所需，还好回忆起了《你不知道的JavaScript 中篇》中有所记载Promise.all：Promise.all([x,x,x,x]) x所表示其他promise操作，你可以带如 promise封装的所有东西，比如Ajax需要注意： 这些带入的promise参数 必须返回 resolve，reject 这些决议，当然如果你用的是第三方插件，可能他里面已经封装过promise，可以...
2019-11-30 14:34:24
1730
原创 关于做忽略大小写的模糊查询
群里朋友问了一下，想了 正则可以完美解决这个问题 var Name = ['csgfsgdsfg', 'Csgwerhwh', 'agqagarCS', 'geahfdcS', 'ssjherth', 'aangfjd']; var txt = 'cs'; var reg = new RegExp(txt, 'i'); var main = Name.map((it...
2019-10-28 14:11:09
545
原创 vue-cli3.0+postcss-px-to-viewport vw的适配
在距离上次写flexible适配pc手机端已经一月有余了，发现了其中不好的地方：1.flexible适配需要依靠dpr，苹果dpr在各类型号中大致相同，但安卓有于品牌过多，dpr千奇百怪。故flexible本身只适配了苹果手机，并没有适配安卓2.vw现在已被大部分游览器兼容，而且运用在vue项目上也更加简单明了一、安装postcss-px-to-viewportnpm i postcss-...
2019-10-16 16:00:31
804
原创 Vue-cli使用prerender-spa-plugin插件预渲染的问题
网上已经有很完整的如何使用vue-cli 与 prerender-spa-plugin插件预渲染，这里就不做记录了需要记录的是：预渲染出来的页面是静态的，所以不要动不动就把‘/’路径做预渲染，你会发现上架服务器后什么都点不了我的处理方式是，另写路由来实现渲染 不影响本来项目路由中//预渲染路径{ path: '/yuHome', component: resolve =>...
2019-09-29 15:26:29
1010
1
原创 关于vue页面 刷新后变为空白页的问题
描述：在现做项目中，由于公司需要求vue-router模式需要更改为 history模式，发现二级路由刷新直接白屏打开控制台发现报错经排查发现：history模式时，以/开头的嵌套路径会被当做根据经故： 更改vue.confige.jsbaseUrl: '/',而在hash模式时，项目的根目录是不变的应为baseUrl: './',...
2019-09-25 15:19:36
8130
原创 vue react PC/移动端 lib-flexible postcss-px2rem 一套自适应方法
安装 lib-flexible postcss-px2rem 两个包npm i lib-flexible --savenpm i postcss-px2rem --savevue 在main.js 中引入，react 在index.js 中引入import 'lib-flexible'modul文件夹中找到 lib-flexible ->flexible.js functi...
2019-09-04 13:56:51
1560
原创 对象与对象之间 对照赋值
在项目后台经常会返回意料之外的值，的情况下，前端如无默认赋值会导致页面崩溃的情况为了阻止这一情况自己写了个赋值函数，记录下来// 对象，数组 比对赋值函数function convertData (a, b) { for (var k in a) { // 判断值 不为对象 或者 为空数组 的时候通过 if (typeof a[k] !== 'object' || (a[...
2019-09-02 10:33:44
548
原创 微信安卓input file 上传onchange不能触发问题
在公司的公众号里写了上传图片功能，但是发现部分安卓机型不能触发上传接口，排查发现是onchange没有被触发解决方法：<input type="file" accept="image/*" />accept要写为所有格式image-----------------“image/*” ，就可以解决此问题，特此记录...
2019-08-29 09:27:19
2369
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人