weixin_46808962的博客

原创 ant-design-vue模态框a-modal设置高度并可滑动问题

先挂官方文档链接ant-design-vue官网文档文档中并没有说如何限制高度，百度了很多说是通过设置modal body的class来实现限制高度:deep(.ant-modal-body) { height: 100px !important;}这种方法我试了，不行。下面是亲测可行的方法官网里有个属性是body-style，这里可以设置modal的高度<a-modal :body-style="bodystyle"></a-modal>const body

原创 vite项目部分页面不能热更新

今天突然发现vite项目有的页面不能热更新了，检查了两个小时才发现问题不用怀疑，就是那个页面在某个页面引用的时候大小写搞错了！！！

原创 树形结构数据根据子id查找父级id与根据父级遍历最底层children的id

最近在写layui的项目，关于一个树形结构的问题。先贴数据结构[ { "id": 13, "title": "经营范围一", "parentId": null, "children": [ { "id": 16, "title": "01", "parentId": 13, "children": [ { "id": 592,

原创 微信小程序富文本图片超出屏幕宽度

今天在写小程序的时候，发现后端传给我的富文本图片超出了屏幕宽度，于是和后端辩论是谁的问题，最终他发了一篇教程给我，我对着改，结果真改好了…我输了…大致的解决思路就是在调接口保存数据的时候，把后端传来的富文本做一个正则匹配，把"<img"改为’<img style=“max-width:100%;height:auto”’ ，其实很简单，只是我没想到…res.data.content.replace(/\<img/gi, '<img style="max-width:100%;he

原创 ES6之扩展运算符

昨日在B站看面试录制的视频，发现对扩展运算符半懂不懂的。特地来总结下ES6新特性的扩展运算符是三个点（…），作用是将一个数组转为用逗号分隔的参数序列。例如console.log(...[1, 2, 3]) // 1 2 3可以替代apply()方法// ES5 的写法 function f(x, y, z) { // ... } var args = [0, 1, 2]; f.apply(null, args); // ES6 的写法 function f(x, y, z

原创 promise.all()方法和promise.race()方法的区别

来自MDN文档promise.all()Promise.all() 方法接收一个promise的iterable类型（注：Array，Map，Set都属于ES6的iterable类型）的输入，并且只返回一个Promise实例， 那个输入的所有promise的resolve回调的结果是一个数组。这个Promise的resolve回调执行是在所有输入的promise的resolve回调都结束，或者输入的iterable里没有promise了的时候。它的reject回调执行是，只要任何一个输入的promise

原创 小程序使用canvas标签生成海报并保存图片

先说一下做功能前的感受，简直一脸懵逼，第一次用canvas，只知道是个画布，其余什么都不知道…琢磨了一天才画出来…开始之前百度了很久，想看看别人怎么写的，但是目前网上基本上用的都是wx.createCanvasContext这个api，但是这个api已经停止维护了，要求使用canvas代替，https://developers.weixin.qq.com/miniprogram/dev/api/canvas/wx.createCanvasContext.html上面是官方文档的出处，只好开始硬怼can

原创 微信小程序登录之wx.getUserProfile

先挂腾讯官方文档的链接：https://developers.weixin.qq.com/community/develop/doc/000cacfa20ce88df04cb468bc52801内容大致是这样，以前微信小程序登录使用的是微信授权登陆现在不需要open-type这个属性去做登录，如果使用该属性，则会导致点击授权登录的时候没有弹窗就直接调用后台接口登录了，最后在提交审核的时候是不能通过的。现在需要使用 微信授权登陆这种按钮去做登录，点击后会有success接口调用成功的回调函数，该函数返

原创 小程序多图上传

原创 2020-07-28

Axios根据参数请求动态路径