mysql 导出导入更新某表 背景:在 php + phpmyadmin 环境中,其他mysql环境同理。操作:如上图在本地开发环境的数据库管理中,选中某个需要操作的表,点击导出中的执行下载 sql 文件,在编辑器中打开该文件如果需要上传的服务器中没有这个表,那不需要更改 sql文件,直接上传即可。如果云服务器上意见有这个表只想更想某些字段,那删除 CREATE TABLE 开头的那段,删除 ADD PRIMARY KEY 所在那两行。如果只是想同步新增几条该表的数据,那在 INSERT INTO 那段中,把新增的保留,其他的删除即可。 Ginkgo 2024-07-02 147
[php] [error] [8]unserialize(): Error at offset 0 of 2 bytes 背景:重装系统后运行老项目,结果一直报接口 500 错误,排查下来后发现是 unserialize 反序列化的问题。解决方案:找到项目中的 cache 目录,删除即可。 Ginkgo 2024-06-20 171
【eslint-plugin-vue】提示 vue/no-multiple-template-root 背景:明明 vue3 是支持多个根节点的,但是在 vscode 中还是存在提示,看着很烦想去除解决方案:打开 setting.json ,输入 vetur,找到 Vetur>Validation:Template,把复选框去除即可 Ginkgo 2024-06-18 192
Error: Cannot find module '@npmcli/config' 背景:在使用 nvm 安装最新版的 nodejs(20.14.0) 后,想执行 npm 安装 pnpm,结果报错 Error: Cannot find module '@npmcli/config'解决方法:1、去 nvm官网 下载一个 nvm-update.zip ,解压后双击执行选择最新版进行安装。2、在 cmd 中执行 nvm -v ,查看是否已经安装到指定的版本,没问题后下一步,如果失败,那手动卸载 nvm.exe 去下载安装最新版的。3、在 cmd 中执行 nvm uninstall 20.14.0,这里的版本就是你出错的那个版本,不一定是 20.14.0 ,卸载后,再执行 nvm install 20.14.0 重新安装。此时应该就可以了。 Ginkgo 2024-06-18 222
维护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 347
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 778
宝塔面板中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 1169
chrome devTools Network Filter 背景:谷歌浏览器 chrome 经常使用 devTools 里 Network 查看各种请求资源,突然发现原先的没有了,变成了如下图这种下拉框的方式,很不适应方案:如下图操作在 设置 -> Experiments(实验)-> 右侧输入net 过滤后,去掉勾选,再关闭 devTools 后重新打开即可恢复成原来界面:效果: Ginkgo 2024-02-06 1764
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 2078
滚动条显隐时页面不抖动 方案一属性属性 scrollbar-gutter 可以实现该功能方法在需要的地方设置 scrollbar-gutter: stable; 即可,此设置会将滚动条的位置预留出来,在没有滚动条时也占位。其他属性值auto默认效果stable both-edges和 stable 差不多,但是左右两边都会留空白位置进行占位,让内容居中兼容性scrollbar-gutter兼容性方案二overflow:overlay , overlay 属性设置后,滚动条为覆盖在上方,不会占空间导致页面抖动 Ginkgo 2023-09-18 3599