余栀丶-优快云博客

原创 vue-router钩子中调用ElMessage等样式出错

一个能正常获取到 config, 一个获取不到使用了默认值, 由于默认config 创建出来的 dom 没有对应的样式表, 页面上感觉就是没反应了。在 vue-router 的钩子里唤起 element-plus 弹窗的行为在 vue@3.4 和 vue@3.5 中出现不同结果。升级 vue@3.5 时遇到奇怪的问题, 页面点击离开没反应。经过排查, 是以下几点相互作用导致此问题。

2024-10-15 15:46:03 517

原创 require.resolve 在 ES module 中的替代方案

es module 替换commonjs 的 require

2024-07-05 17:48:07 293

原创 axios-retry 响应异常

解决 ECONNABORTED 问题, 使用 axios-retry 重新请求, 解决 axios-retry 带来的拦截器多次调用问题

2024-02-08 17:35:36 1580

原创去掉 webstorm 白线

ctrl+shift+a 打开设置窗口, 输入 “显示右边距”英文版输入 “show right margin”webstorm 编辑界面出现一条白线。

2023-11-15 09:40:30 629

原创 vue slots 透传

业务场景中有时需要对第三方组件进行二次封装, 比如弹窗,表格等组件, 有时项目内会根据业务进行二次封装成业务组件, 新的业务组件会需要把自己的slots透传给原本的组件, 也可以叫传递插槽。...

2022-08-15 11:17:50 3558

原创 npm 或 yarn 使用别名同时安装同一个包的两个版本

npm 或 yarn 别名安装同一个包两个不同版本

2022-06-13 14:37:35 5933

转载 yarn create 文件名、目录名或卷标语法不正确。

yarn create 报错文件名、目录名或卷标语法不正确。

2022-06-01 21:25:06 918

原创程序专用连字字体Fira Code

连字字体 Fira Code, 让代码符号变的好看安装使用项目地址：https://github.com/tonsky/FiraCode下载地址：https://github.com/tonsky/FiraCode/releases/download/2/FiraCode_2.zip安装教程：https://github.com/tonsky/FiraCode/wiki...

2022-05-23 13:10:39 535

原创使用nrm管理npm源

npm 有多个源, 默认的 npm.org , 淘宝源, yarn的, pnpm的, 一大堆, 自己记不住, 记住了来回切也麻烦, 可以使用 nrm 来切换不同源nrm 安装npm install -g nrm

2022-04-22 23:57:53 759

node更新迭代较快, 且部分项目对node版本有依赖, 只能使用旧版本node才能正常运行如果既想要新版node的特性, 有想要node能跑旧项目, 就需要使用nvm管理node来切换版本卸载node开始之前要卸载就版本的node, windows 在应用中搜索node卸载即可安装nvmnvm地址: https://github.com/coreybutler/nvm-windows/releases下载 nvm-setup.zip, 解压安装即可注意安装时需要配置安装目录, nvm 和

2022-04-22 23:24:46 471

原创 Git - Window 同一电脑配置多个 git 公钥

原文链接https://www.cnblogs.com/poloyy/p/12189140.html

2021-10-09 16:32:57 179

原创 CSS优惠券

使用css的background 和 filter 做一个简洁的优惠券CSS.coupon { width: 300px; height: 100px; line-height: 100px; margin: 50px auto; text-align: center; position: relative; background: radial-gradient(circle at right bottom, transparent 10px, #ffffff 0) top

2021-07-26 18:02:45 299

原创 webstorm 快捷键

最近使用webstorm突然发现ctrl+shift+f快捷键失效了, 反复调试找不到原因使用 openArk检查系统快捷键也没发现冲突自己回想最近电脑环境, 想起来搜狗输入法好像最近出过问题, 然后尝试切换输入法, 再试ctrl+shift+f果然生效了, 附上搜狗输入法设置把这些勾选去掉即可...

2021-06-30 14:19:14 149

原创可能用到的npm包

记录不常用但有时候可能用得到目录Nodechalk 让你的控制台输出好看一点，为文字或背景上色glob 让你可以使用 Shell 脚本的方式匹配文件inquirer 让你可以使用交互式的命令行来获取需要的信息crypto 提供通用的加密和哈希算法Nodechalk 让你的控制台输出好看一点，为文字或背景上色glob 让你可以使用 Shell 脚本的方式匹配文件inquirer 让你可以使用交互式的命令行来获取需要的信息crypto 提供通用的加密和哈希算法...

2021-06-16 11:03:01 118

原创 vite忽略.vue扩展名 Failed to resolve import ..... Does the file exist?

在vite脚手架中, 引入时忽略.vue扩展名将导致错误// 一个名为tsc.vue的文件，import tsc from "./tsc.vue";// 上面的引入可以正常运行，但import tsc from "./tsc";// 将不起作用, 并提示错误// Internal server error: Failed to resolve import "./tsc" from "somewhere.js". Does the file exist?这是因为vite已不再默认忽略.v

2021-05-07 14:41:11 45341 1

原创 webstorm引入时不要忽略文件扩展名

webstorm默认在引入时会忽略文件扩展名, 而vite中引入.vue文件时忽略.vue扩展名时会导致错误, 所以需要配置使webstorm自动引入时不要忽略文件扩展名webstorm引入场景配置使其不要忽略.vue扩展名设置页面扩展, 中文包插件https://blog.youkuaiyun.com/u010281877/article/details/111722817...

2021-05-07 14:39:25 2958 2

原创 WebStorm 好用的插件推荐

WebStorm 插件推荐Hello插件推荐Chinese (Simplified) Language Pack / 中文语言包Rainbow FartWechat mini program supportKey Promoter X.env files supportAtom Material IconsGitToolBoxTranslationRainbow Brackets发现更多好用的插件插件安装Hellowebstorm用了几年了了, 一直很少用插件, 都是只有自带的 nodejs插件啊

2020-12-26 12:32:22 21417 1

原创 git设置全局.gitignore

首先在任意位置创建一个文件作为全局的.gitignore, 我这里命名为.gitignore_global使用命令行git config --global core.excludesfile ~/.gitignore_global.gitignore_global是你要设置的全局的.gitignore文件原封不动的复制的命令,但是自己多次尝试,最终都没有生效,可能是windows系统下有什么不一样吧修改配置文件在自己的用户目录下, 一般是 C:\Users\你的用户名, 有一个.gitcon

2020-10-28 18:24:36 2981

转载 JS压缩图片

作者：wuwhshttps://segmentfault.com/a/1190000023486410说明js-image-compressor 是一个实现轻量级图片压缩的 javascript 库，压缩后仅有 5kb，在前端页面即可实现对图片的压缩。在提供基本图片压缩功能同时，还暴露出图片处理相关公用方法，以及进行边界情况处理：可以对待转化图片大小设置一定的阈值，使得图片转化成 png 格式在不理想情况下不至于过大，同时大于这个阈值则可以自动转化成 jpeg 格式，实现更优压缩；可以限制输出图片

2020-08-16 13:21:06 1252

原创用css控制点击穿透

当开发遇到一种场景,比如在一个元素上添加遮罩层,但是点击在遮罩层上时,实际触发下方的元素点击事件,而不是遮罩层可以用css属性 pointer-events 来控制;pointer-events: none 指定当前元素不可点击,点击会默认穿透到下方元素...

2020-08-11 14:10:14 6936

原创 uni-app的vue组件在小程序环境和浏览器环境的mounted生命周期有区别

一个普通的index-list组件,右侧有字母列表,点击或者滑动可以快速滚动页面,类似联系人列表的效果当配合popup组件使用时,可以实现在页面中点击某处,然后把联系人列表弹起,在进行点击选择的功能在浏览器中测试正常,但是在小程序环境中,点击或者滑动右侧字母索引失效原因是因为浏览器环境中,popup控制的index-list组件,只有popup弹层被唤起时,才触发mounted事件但是小程序环境里,刚进入页面(这时popup弹层处于隐藏状态),就已经触发了弹层中index-list的mounted事

2020-06-18 09:44:58 1566

原创记一次bug修复历程

记一次bug修复之路npm run serve 报错:网上查找1 npm2 社区QQ群3 github4 百度自己解决1. 重新安装依赖2. 使用yarn安装依赖3. 升级包依赖4. 复制可用包依赖5. 复制代码至新的空项目6. git总结前两天重装了电脑,环境啥都重新安装了一下, 本来挺开心的,结果今天跑项目时发现了爆红npm run serve 报错:This dependency was not founduni-shared in ./node_modules/@dcloudio/uni-

2020-06-08 15:27:51 1075

u010281877的博客