mysql 导出导入更新某表
背景：在 php + phpmyadmin 环境中，其他mysql环境同理。操作：如上图在本地开发环境的数据库管理中，选中某个需要操作的表，点击导出中的执行下载 sql 文件，在编辑器中打开该文件如果需要上传的服务器中没有这个表，那不需要更改 sql文件，直接上传即可。如果云服务器上意见有这个表只想更想某些字段，那删除 CREATE TABLE 开头的那段，删除 ADD PRIMARY KEY 所在那两行。如果只是想同步新增几条该...
[php] [error] [8]unserialize(): Error at offset 0 of 2 bytes
背景：重装系统后运行老项目，结果一直报接口 500 错误，排查下来后发现是 unserialize 反序列化的问题。解决方案：找到项目中的 cache 目录，删除即可。
【eslint-plugin-vue】提示 vue/no-multiple-template-root
背景：明明 vue3 是支持多个根节点的，但是在 vscode 中还是存在提示，看着很烦想去除解决方案：打开 setting.json ，输入 vetur,找到 Vetur>Validation:Template,把复选框去除即可
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 去下载...
维护vue2项目更新依赖无法运行解决过程
背景目前已都是用 vue3 相关进行项目开发，但是依旧还有vue2的工程进行维护。遇到的问题问题一：删了node_modules 文件夹 和 lock 文件后使用 pnpm install 安装，发现无法运行，排查使用了webpack 4.x.x 版本的，此版本的 babel-loader 一系列版本需要安装对应版本的才可运行解决方案： 安装对应版本的依赖 --save-dev babel-loader@^8.2.3 @babel...
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...
宝塔面板中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找到你这个项目当...
chrome devTools Network Filter
背景：谷歌浏览器 chrome 经常使用 devTools 里 Network 查看各种请求资源，突然发现原先的没有了，变成了如下图这种下拉框的方式，很不适应方案：如下图操作在 设置 -> Experiments（实验）-> 右侧输入net 过滤后，去掉勾选，再关闭 devTools 后重新打开即可恢复成原来界面：效果：
elementui中 drawer 组件非正常关闭问题
背景看了 elementui 和 iview，都有这个问题。在 drawer 抽屉组件中复制的时候，鼠标移动的快了就会移动到抽屉外，此时抽屉弹窗就关闭了，这个交互不想要，希望在点击遮罩的时候再关闭。解决方案<template>
...
<el-drawer title="标题"
:append-to-body="true"
...
滚动条显隐时页面不抖动
方案一属性属性 scrollbar-gutter 可以实现该功能方法在需要的地方设置 scrollbar-gutter: stable; 即可，此设置会将滚动条的位置预留出来，在没有滚动条时也占位。其他属性值auto默认效果stable both-edges和 stable 差不多，但是左右两边都会留空白位置进行占位，让内容居中兼容性scrollbar-gutter兼容性方案二overflow:overlay , overlay ...