维护vue2项目更新依赖无法运行解决过程 背景目前已都是用 vue3 相关进行项目开发，但是依旧还有vue2的工程进行维护。遇到的问题问题一：删了node_modules 文件夹 和 lock 文件后使用 pnpm install 安装，发现无法运行，排查使用了webpack 4.x.x 版本的，此版本的 babel-loader 一系列版本需要安装对应版本的才可运行解决方案： 安装对应版本的依赖 --save-dev babel-loader@^8.2.3 @babel/core@^7.12.0 @babel/preset-env@^7.12.0问题二：编译运行的时候出现 TypeError: Cannot read properties of undefined (reading 'spaces') 解决方案：排查发现是 scss 文件中存在 /*这是一个注释*/ 这类文本，删除即可。

Ginkgo

2024-05-11

40

img使用canvas转为base64跨域问题 在使用 canvas 将 img 的 src 地址转换为 base64 调用 canvas.toDataURL() 时，遇到跨域问题并报错如下Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported. at img.onload解决方案：在 onload 之前添加 crossOrigin 参数 var img = new Image(); img.src = src; img.crossOrigin = ''; img.onload = function () { // todo }具体参考大佬方案

Ginkgo

2024-03-15

505

宝塔面板中thinkphp项目post上传文件时接口返回413 问题在开发一个thinkphp的项目时，当文件有60M上传时，发现接口返回了413报错，导致上传失败。client intended to send too large body: 64390300 bytes request解决方案基于宝塔面板、tinkphp、nginx，需要设置三个地方nginx在 nginx 中配置 client_max_body_size为需要的大小 如下图调整后记得重启 nginxphp找到你这个项目当前用的版本的 php ，如下配置大小调整后也重启一下thinkphp在项目中找到文件上传的配置项，因为项目不同，可能目录结构不同，我的在config/upload.php 中上述调整完后即可生效。

Ginkgo

2024-03-04

883

chrome devTools Network Filter 背景：谷歌浏览器 chrome 经常使用 devTools 里 Network 查看各种请求资源，突然发现原先的没有了，变成了如下图这种下拉框的方式，很不适应方案：如下图操作在 设置 -> Experiments（实验）-> 右侧输入net 过滤后，去掉勾选，再关闭 devTools 后重新打开即可恢复成原来界面：效果：

Ginkgo

2024-02-06

1486

elementui中 drawer 组件非正常关闭问题 背景看了 elementui 和 iview，都有这个问题。在 drawer 抽屉组件中复制的时候，鼠标移动的快了就会移动到抽屉外，此时抽屉弹窗就关闭了，这个交互不想要，希望在点击遮罩的时候再关闭。解决方案<template> ... <el-drawer title="标题" :append-to-body="true" :visible.sync="drawer" custom-class="drawer-test" direction="rtl" :destroy-on-close="true" @mousedown.native="mousedownDrawer($event)" @mouseup.native="mouseupDrawer($event)">

Ginkgo

2023-11-20

1796

滚动条显隐时页面不抖动 方案一属性属性 scrollbar-gutter 可以实现该功能方法在需要的地方设置 scrollbar-gutter: stable; 即可，此设置会将滚动条的位置预留出来，在没有滚动条时也占位。其他属性值auto默认效果stable both-edges和 stable 差不多，但是左右两边都会留空白位置进行占位，让内容居中兼容性scrollbar-gutter兼容性方案二overflow:overlay , overlay 属性设置后，滚动条为覆盖在上方，不会占空间导致页面抖动

Ginkgo

2023-09-18

3207

edge 浏览器使用IE模式 现在window已经升级到了 11 ，普遍都是 edge浏览器，没有单独的IE浏览器，此时偶尔需要用到IE浏览器，可按如下方式操作第一步如下，设置允许IE加载第二步如下：使用IE重载其他如果你是个开发人员，需要 打开控制台调试，则可以快捷键 win + R 打开运行，输入 %systemroot%\system32\f12\IEChooser.exe 后回车出现如下图，选中即可进入调试

Ginkgo

2023-09-11

920

微信小程序-文本转图 主要依赖微信自带的 canvas 的能力实现。简单实现了长文本自动换行，段落换行，自定义水印。使用场景对于某些三方社交平台，对文字长度有限制时方便的进行转为长图片发布。使用方法微信小程序中搜索 文本转图输入内容，和水印名，不写水印名则不存在水印，点击下一步点击下载后的成果图如下

Ginkgo

2023-09-01

1450

对数组进行特定场景排序，平衡多列数据个数平衡 场景：项目中对已有的工作看板进行筛选后，希望靠左排序，实现如下图示例:代码如下：function reOrder(arr) { arr = JSON.parse(JSON.stringify(arr)); if (arr.length === 1) { // 单个场景 if (arr[0].x !== 0) { arr[0].x = 0; arr[0].y = 0; } return arr; } let xMap = {}; // 根据x的值拆分对象 arr.forEach((el) => { if (!xMap[el.x]) { xMap[el.x] = []; } xMap[el.x].push(el); }); if (!xMap['0']) { xMa

Ginkgo

2023-08-25

2282

webupload 上传列表中的文件点击可下载

Ginkgo

2023-08-08

3425

• 1
• 2
• ...
• 4
• 下一页