- 博客(6)
- 收藏
- 关注
原创 Uniapp微信小程序使用canvas绘制并下载图片
测试阶段发现,部分安卓机型在canvas第一次绘制时会报wx.canvasToTempFilePath:create bitmap failed,可能是不分机型的性能使得图形绘制失败,图片保存下来也是纯白色的底图。最近项目中有一个下载图片和一个分享海报的功能,遇到了一些问题,比如海报图片生成失败、图片下载是空白的、多张图片下载时下载的还是前一张图片等等。这里使用Promise的原因是有多张图片需要单独下载,切换图片点击下载按钮开始绘制图像,确保在图像canvas生成完毕后继续下载的步骤。
2024-06-18 18:04:17
1027
原创 element-Plus表格组件中使用el-image图片预览功能的踩坑
解决方案:在el-image中加入属性 preview-teleported="“true”",即可正常预览。在表格内点击图标,进入大图预览模式。
2023-09-22 11:22:06
2676
4
原创 通过映射等方法处理重复逻辑
处理重复逻辑时,应首要考虑映射方法,映射就是创建一个对象,对象中的键为你需要判断的值(输入值),而值为你需要使用的值(输出值)。然后,我们检查是否存在对应的路径,如果存在就使用映射后的路径,否则使用默认路径。这样可以避免重复的条件语句,使代码更加简洁和可维护。如果需要添加更多任务类型的映射,只需在。如果需要添加更多的映射,只需在。需求:根据不同的参数判断,跳转不同的路由路径并携带该参数。这两行代码是用来处理res.data的值的。是否在映射对象中,并将映射后的值赋给。在这个优化后的代码中,我们定义了一个。
2023-09-04 16:42:00
70
1
原创 优化复杂数据处理与可读性:简化异步函数中的重复逻辑
在编程的世界里,不断追求代码的优雅和高效是每位开发者的永恒追求。通过本文的探讨,我们深入了解了如何通过代码重构和函数式编程的方法来优化复杂的异步函数逻辑。从最初冗长而重复的代码,到经过逐步优化后更加清晰、简洁的结构,我们见证了优化的力量。无论是在项目中提升代码质量,还是在个人技能的成长过程中,这些优化技巧都是无价的财富。通过将相似的操作封装成函数、利用循环和数组来减少冗余,我们有效地消除了代码中的重复性和低效性。这种优化不仅使代码更具可读性,还使得维护变得轻松。
2023-08-23 17:22:34
56
原创 前端性能优化
性能优化是把双刃剑,有好的一面也有坏的一面。好的一面就是能提升网站性能,坏的一面就是配置麻烦,或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景,需要谨慎使用,请读者带着批判性的眼光来阅读本文。
2023-08-21 18:00:07
51
1
原创 一些出现率较高的前端面试题
标准盒子模型:宽度=内容的宽度(content)+ border + padding + margin 低版本IE盒子模型:宽度=内容宽度(content+border+padding)+ margin。
2023-08-07 16:39:43
72
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人