- 博客(62)
- 收藏
- 关注
RSS订阅原创 ES2024 - Promise.withResolvers()简单使用
【代码】ES2024 - Promise.withResolvers()简单使用。
2024-12-25 17:11:12
116
原创 vxe实现多级动态表头 + 表尾合计动态展示 + 外层使用flex自适应宽度 表格宽度自适应问题解决
如果父容器缺少 overflow: hidden 溢出隐藏。则只支持自适应宽高增大，不支持宽高自适应缩小，还会造成慢慢的卡顿缩放。层使用flex自适应宽度 表格宽度自适应问题解决。
2024-12-11 17:25:58
399
原创 Web Worker 简单使用
(5) 加载脚本 (worker内部加载其他脚本)主线程：worker.postMessage()子线程：self.postMessage()主线程：worker.onmessage()主线程：worker.terminate()子线程：self.onmessage()主线程：worker.onerror()子线程：self.onerror()子线程：self.close()
2024-09-19 14:49:22
349
原创 for nested data item, row-key is required.报错解决
今天差点被一个不起眼的bug搞到吐，就是在给表格设置row-key的时候，一直设置不成功，一直报错缺少row-key，一共就那两行代码 实在是找不到还存在什么问题... 先看下报错截图...测试的过程中 给children里面的数据也加上了id 这时候页面已经出现了一些反应... 然后就考虑是不是这个参数的问题... 随便写了个参数 问题解决...看下代码 我在展开行里面用到了一个表格 并且存放表格数据用的参数是children 怎么也没想到问题能出在这种地方！
2024-07-05 15:06:50
961
原创 fs.writeFile写入文件后 通过路径获取文件 获取不到最新写入的文件
通过fs.writeFile 直接通过路径获取文件 发现一直是首次上传的图片 不是当前最新上传的图片。如果对路径有一定的限制，不能以该路径格式进行访问，可以通过写入动态文件名的方式进行获取。获取文件时 在路径中添加时间戳 确保每次请求都是最新的 而不是直接从缓存中进行获取。
2024-04-13 14:10:29
391
原创 Nginx部署项目到阿里云服务器（详细！！！）
i 进行编辑文件 esc取消编辑 :wq退出并保存写入。我这里选择的是CentOS 7.9。我选择的工具是MobaXterm。4.10 执行make命令。
2024-04-01 21:34:15
240
原创 Uniapp开发H5 页面跳转拦截（浏览器地址栏及uni页面路由Api拦截）
【代码】Uniapp开发H5 页面跳转拦截（浏览器地址栏及uni页面路由Api拦截）
2024-03-28 10:50:07
989
原创 聊天室发送图片消息 不能滚动到最底部问题解决( 图片加载完成前 已经触发了滚动到底部的方法 )
【代码】聊天室发送图片消息 不能滚动到最底部问题解决( 图片加载完成前 已经触发了滚动到底部的方法 )
2024-03-12 22:59:51
160
原创 Uniapp小程序通过camera组件实现视频拍摄
uni中可以通过调用api的方式去拍摄或者是选择相册的视频，但是在这里我们不采取这种方式，因为调用api的方式，必须跳转，而我们需要在页面中实现，下面看下具体步骤吧...到这里已经基本实现了所需的功能，但是还需要处理一下拍摄超时的情况。感觉对你有帮助的小伙伴可以留个star...接下来看下，怎么样实现拍摄。
2023-12-15 16:13:03
1737
原创 微信小程序获取最新隐私协议授权 以及涉及隐私API权限申请
到这里还没有完全解决，这时候调用涉及隐私的api的时候，可能会报错，举个栗子（getUserInfo:fail api scope is not declared in the privacy agreement）这时候需要去管理后台去申请,首先去勾选所需要的权限，然后去申请就行了。最近小程序新推出的隐私政策，导致之前小程序一些相关api无法调用，甚至连登录都出现了问题...话不多说，来点实在的 提示用户同意隐私授权的弹窗结构，样式就不粘了...接下来看下对应的方法。
2023-10-31 17:01:39
860
原创 模型对象CSS2DObject始终在画布的左上角（问题解决）
我们可以看到 是在设置渲染输入尺寸范围之前调用render方法的，将render方法放到setSize之后即可解决。写了个简单案例模拟一下这个问题，看下图片。下面看下c2渲染器相关代码部分。
2023-10-27 14:18:30
738
原创 Uniapp实现APP云打包
填写完这些信息即可进行打包，通过jre去创建证书的方式相比这个稍微复杂一点，之后再去给大家进行总结...我这里是已经获取好的，没有获取的话，按照提示获取即可，非常简单。
2023-09-27 16:26:16
501
原创 Uniapp小程序 时间段选择限制（开始时间 结束时间相互限制）
这里我使用的是uview2.0的DatetimePicker 选择器，实现开始时间与结束时间相互限制的效果，接下来简单看下实现的代码吧，首先看下选择器组件以及相关参数值的初始化。首先就是在确认选择开始时间或结束时间的时候，分别对小时做出限制，因为不能确认开始、结束时间所选择的小时数是否一致，所以目前不能直接去对分钟数进行限制。到这里已经成功对小时进行了相关限制，这里我们需要使用到组件的change事件，接下来看下具体怎么实现吧。现在已经成功完成了要实现的功能，感觉对自己有帮助的小伙伴，留个star吧...
2023-09-27 16:05:31
3181
原创 Uniapp小程序实现页面水印效果
到这里目前已经基本实现了需求，但是还是会存在一点问题，就是将每一行的数量写死的话，屏幕偏小的话，行内容就会出现换行，屏幕偏大的话，屏幕右侧就会较宽的间距，然后我对次做了简单的适配，基本机型应该都没有什么问题（此处需要根据实际情况自己去处理）看下代码吧...一开始我在网上找了两个案例，然后按照他们的方式实现了一下，展示出来的效果是不能铺满整个屏幕的，水印距离屏幕两侧是留有一定空白距离的，所以最后还是自己手写了一个...感觉对自己有帮助的小伙伴，可以留个star...
2023-09-20 13:50:18
1030
原创 Uniapp小程序实现从相册选图/拍照后直接上传
通过上述方法，发现通过success中的res，能够获取到图片临时文件的数组tempFilePaths，可以直接通过调用接口的方式，将临时文件交给后端去做处理，由于当时后端不接受这个临时文件，我就又多做一步处理，将临时文件处理为base64，然后再传给他...首先看下从相册选取图片/拍照的UNI API，这个没啥，直接依据文档调用就好...到这里成功完成图片的上传，感觉对自己有帮助的小伙伴，可以留个star...
2023-09-11 14:36:12
2100
3
原创 表单Input输入数值校验(input事件中做输入限制，只能输入正数（包含整数和小数）)
使用Element表单的话，正常的话就是在rules属性中设置校验规则，在表单提交时进行校验，或者是在onkeyup属性中通过正则限制输入，但是onkeyup会体现出replace替换的过程，可能会带来不太友好的用户体验，还有就是仅仅使用正则不能完美地解决输入限制的需求...表单校验在日常开发中肯定是老生常谈的问题，具体的就不展开说了，这次就是想和大家分享一种较为完美解决数值输入校验的方法...
2023-09-11 10:26:13
730
原创 Cascader 级联选择器结合npm包“element-china-area-data“实现省市区级联选择 相关问题总结
因为我之前在开发的时候，装的是这个包的最新版本，是完全没有问题的，然后在提交代码的时候，发现公司的架子里是有这个包的（"^5.0.2"），我就果断把我装的给撤了...我就考虑是不是包版本带来的问题，然后去仔细查阅了一下，发现不同版本的包，导出的方法是有区别的...但是bug总是不忍心看到你这么轻松的样子... 再来看下遇到的第二个问题，就是编辑的时候，级联数据不能正常回显了，简直我草了...今天把之前已经对接好的项目打开看了一下，发现省市区级联选择器出现了问题... 接下来就给大家分享一下。
2023-09-08 17:03:38
362
4
原创 Module build failed (from ./node_modules/postcss-loader/src/index.js):SyntaxError(35:193) 报错解决
今天和往常一样，将uni项目运行到微信开发者工具，项目正常运行，然后我又将项目运行到Android app基座中，就遇到了这个报错，这个报错这个把我搞得非常头大，了解这个报错的话，解决非常非常简单，反之... 我测试了很多种方法，升级 postcss-loader 版本， 降级want weapp版本、修改 postcss.config.js 配置文件、以及在app.vue中引入相关样式文件，都没有成功解决，不过最终在耐心的测试下，终于成功解决...首先看下报错信息，我自己看完真的无从下手啊...
2023-09-07 15:46:57
2641
6
原创 Electron结合Vue使用 探索（一）
最近在了解Electron，想去仿写一下微信的部分功能，在学习中也遇到挺多问题的，在这里想和大家分享，问题不是啥复杂的问题，希望大佬勿喷... 目前的话，才实现基本的架子样式，以及部分Electron中的基本功能（包括系统托盘、层级置顶、最大化、最小化以及关闭等），下一步准备实现下聊天和好友列表的路由界面以及渲染进程之间的通信，我们看下现在的效果图吧...目前我所在做的是Electron结合Vue的案例，首先就是通过Vue CLI脚手架去创建一个Vue项目，没有Vue Cli的小伙伴，
2023-08-29 19:26:13
233
原创 Uniapp小程序实现转发到好友、分享到朋友圈功能
接下来我们看下如何去配置这个权限，其实很简单，只要在文件中添加两个生命周期onShareAppMessage和onShareTimeline就可以了，下面看下实现代码...uni小程序中，如果不去配置分享权限的话，默认是不能去分享该小程序到微信好友或者是朋友圈的...这样就成功实现了这个分享功能... 看下成果吧...
2023-08-28 17:10:31
2342
原创 Element上传组件 http-request 传递多个参数
最近后台管理，遇到一个需求，就是在表格的每一行都可以导入对应的图片，这时候就需要拿到行数据了，我们现在就来看下http-request 所绑定的方法，怎么获取到行数据...我测试了几种传参方式，最后以(params) => uploadPic(params,index) 这种方式成功拿到行数据的索引，之后就可以为所欲为了...
2023-08-22 17:28:22
2004
7
原创 纯手写实现uView级联选择器的模糊搜索功能（可拓展添加对应级次内容功能）
上述代码就是模糊搜索方法中所涉及到的所以代码，在这里我没有对代码做优化处理，你们使用的过程中，可自行处理。你们可能还会问，为啥这里需要对备份的级联数据做深拷贝，这是我在写的过程发现，那个数据被修改，我还没有细看是哪里的问题，知道的大佬们可以评论区分享一下...这两天在写公司小程序项目的时候，需要使用级联选择器，并且要支持模糊和新增功能，然后我就去看了下uview组件库和uni的拓展组件中的级联选择器，功能都非常简，不能满足当前的需求... 接下来我就分享一下我完成该需求整体流程和思路...
2023-08-21 16:29:33
1199
1
原创 Element多选表格设置默认勾选 调用this.$refs.tableRef.toggleRowSelection不生效
在这里，点击筛选，不是对进来这个页面时获取的表数据进行直接筛选，而是先调用相关接口后再进行表数据的刷新，所以我们先加一层$nextTick，以便获取更新后的Dom... 其次，通过对比筛选找到源数据来设置选中项... 完美解决该问题。上次的需求是这样的... 点击筛选按钮，筛选出符合条件的数据，排列到列表页最前面并勾选...我想这还不简单，直接用下Element的方法就好了,结果就出现了勾选不生效的情况...
2023-08-14 09:15:39
1439
原创 JS字符串截取方法（详细）
function： 截取从指定下标开始指定长度的字符parameter - statr：必传项 起始点下标（正负皆可）为负数时 从尾部开始计算位置parameter - length：可选项 截取长度 如果不传值 默认截取到末尾 （不能为负数）note：改方法不会改变原字符串。
2023-08-12 09:35:12
3850
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人