古怪蛋蛋卷-优快云博客

原创 niapp 的 H5和微信小程序上传 base64 图片

2、FileReader 实现图片转 base64。3、使用 canvas 实现图片转 base64。1、uni-h5 将选择图片转 base64。

2025-12-11 14:51:32 204

原创多张图片下载为一个zip压缩包

本文介绍了如何使用JSZip和file-saver库实现批量下载图片并打包为ZIP文件的方法。首先安装所需依赖库，然后通过异步函数处理图片下载：1) 创建JSZip实例和缓存对象；2) 遍历图片URL数组，使用XMLHttpRequest获取图片数据；3) 将获取的图片数据添加到ZIP文件中；4) 最后使用Promise.all等待所有图片下载完成，生成ZIP二进制流并通过file-saver保存。特别处理了文件名解码和缓存问题，确保下载可靠性。该方法适用于前端批量文件下载打包需求。

2025-12-08 16:39:23 88

原创 uni 使用qiun-data-charts图表

方法二：直接使用HBuildex导入插件，在打包时，会自动计入主包大小，如果项目超过2M，需要放到分包中，新建components放入（可在插件市场直接下载）存在uni_modules存在qiun-data-charts就可以直接使用。1、插件市场下载插件并导入HBuilderX。使用：使用方法一样只是将组件重新定义。

2025-10-28 15:42:42 562

原创前端面试题

webpack启动后，从entry开始，递归解析entry依赖的所有model，根据model.rules里的配置loader进行相应的转换处理，对model转换后，解析当前model依赖的其他模块，解析的结果是一个一个的chunk，最后webpack会将所有的chunk转换成文件输出的output，在整个构建流程中，webpack会在恰当的时机执行plugin定义的插件，完成plugin的任务。2、computed支持缓存，当其依赖的属性的值发生变化时，计算属性会重新计算，反之，则使用缓存中的属性值；

2024-08-15 15:36:08 525

原创校验正则判断集合

9、只允许出现中文、大小写字母、数字和（）()[]【】：:-_+=7.密码必须包含大小写字母、数字特殊字符。11、密码必须包含大小写字母、数字特殊字符。13.不能输入特殊字符。8、不可出现汉字、空格。10、只允许输入数字。14、表单自定义校验。

2024-08-15 15:29:35 429

原创 naive-ui n-table渲染组件

包括按钮、标签、图标、复选框、图片、开关、鼠标移入弹出信息、复选框

2024-08-02 16:51:32 953

原创 vue3 富文本编辑器文本转pdf文件并下载

富文本转pdf其实就是将txt文本插入html元素中，再将使用html2Canvas画布生成图片，最后在使用jspdf插件将图片转为pdf文件。3、新建htmlToPdf.js文件，如果只需要将html元素转为pdf，该文件去掉这行代码即可。douTxt.innerHTML = htmlString // 元素插入富文本内容。会出现黑色背景以及分页时文字会被截断。2、vue文件使用编辑器。1、需要安装三个依赖。

2023-12-20 16:58:39 3156 4

原创 soybean遇到的问题

(4)如果图标样式出现方框，需要对font初始化，在全局样式中添加以下代码。(2)把下载的文件解压粘贴到自己的项目中，放在 assets静态文件目录下。3、更改图标库为iconfont，此项目有更换主题颜色，因为使用下载至本地的方法。(3)在main.js文件内全局引入阿里云字体图标 css，确保路径正确。(4)使用图标，icon-shouye也是图标名称。vs code的设置里搜，默认是有勾选的，取消勾选。解决方法：根目录新建env.d.ts，添加以下代码。

2023-08-07 16:54:30 974 1

原创三级checkbox菜单权限勾选与半勾选

1、getProductType函数是用于编辑页面回显的问题，不需要可注释2、勾选级数大的，级数小的总是和级数大的状态一致3、勾选级数小的，判断父级的子级长度，再根据tickCount和unTickCount这两个纸判断父级是全勾选还是半勾选。如果为全勾选，半勾选状态一定要为false，不然会出先显示不正确的问题。勾选四级要判断三级和二级，往上推。

2023-06-26 16:48:40 955 1

原创前端css 自定义流程图

2、箭头规律：2,3, 8,9, 14,15都为向左的箭头，5,6, 11,12都为向右箭头，4,7,10,13都为向上箭头，根据计算，给每块增加标识，用于旋转图标的角度。1、因为奇数行要从左往右排列，偶数行要从右往左排列，所以我将原数据重组为二维数组，方便判断。第一、二、三行放在外层循环，每行的一、二、三列为为内层循环。

2023-06-21 15:48:35 1451