qq_41083105的博客

朋友们，相信你们看到这篇博客，大概率都是个前端，肯定是要搞社交平台的分享接口，所以难免要分享到Twitter，直接使用文本分享肯定没有那么吸引人，加上图片的话，据统计可以吸引40%多的人点击链接，可见推广的效果是优于文本的。好吧，废话不多说，看到这篇博客的人都知道它是个啥，所以我就来说说这个巨坑到底坑在何处。。。 如上图所示，显示的错误是： ERROR: Failed to fetch page due to:...

本文的内容全部来自于官方文档，例子是自己写的，可以加深理解，语言通俗易懂，自己忘记的时候也可以来查看。 以前看到插槽头都大，心想这tm都是什么玩意儿，什么slot，烦死了。也怪我之前没有认真静下心来学习它，当时学不进去，觉得插槽真的好麻烦，绕来绕去。然而静下心来一学习，发现并不是那么回事。其实插槽的使用非常简单。下面来一一介绍官方文档中的几种情况，已经对应自己举出来的简单例子，和自己的理解，便于之后返回来看。以下的内容都可以对应官方文档来查看。...

如果你是vue-cli3的话，在vue.config.js中添加以下的配置：让productionSourceMap为false，这样的话打包之后的assets中的js文件夹就不会生成map文件， 简言之，这个map文件是为了帮助你在生产环境中定位错误的地方的（你想想，在浏览器的console中报错的时候，错误的右边是不是有个这个错误的出处？），设置为false的话，错误的出处就不会是具体的哪个文件的哪一行，而设置为true的话就会定位到具体的某个文件的哪一行。那么，这样设置的好处..

之前想使用一下video.js，定制播放器的一些样式，但是之后发现有些格式是不支持的，在网上也找不到自己想要的答案，但是之后看源码，源码给了我答案。下面是video.js所支持的所有格式的视频：当时产品经理说要做一个可以边加载边播放的效果，然后我就说用一下video.js，然后给我的视频发现还不支持，最后自己才找到video.js支持的格式的。可是转念一想，原生的video就是边加载边播放的。。。然后我便没有继续使用video.js，此需求之后也没有进行了。至于上面有图片的格式，我...

问题描述：用过el-dialog的都知道，它自身带的弹出动画，是距离顶部比较近，然后出现的很急促，观感上并不是很好。解决办法:如图所示，红框处要写的是你的dialog的custom-class，这个效果我自己写的，虽然简单，但是挺不错，就是缩放，比原本的那个舒服多了，大家可以去试试。vue项目(这里指的是vue 2.*)要修改element-ui的组件样式的话，要去App.vue中修改。⚠️注意：初始的el-dialog带有默认样式margin-top：15vh; 所以看起来距离顶部较近

el-tooltip的箭头颜色问题

element-ui的drag功能失效

事情是这样的，请求第一页的资源的时候，第一个位置是个视频，现在视频的src是写在video的source中的，第一个位置：但是切换到下一页的时候，下一页的数据的第一个位置也是视频，但是页面上显示的还是之前的，打开调试工具看，可以发现source标签的src属性已经是新的链接了，但是显示的还是之前的视频。原因：经过搜寻资料发现，是source的问题，如果是这种动态替换video标签的source的src的行为，虽然链接会被成功替换上去，但是浏览器不会再去发送一个...

于是会出现下面这种情况：按钮居然被选中了。。。。。。解决办法：用性命担保可以完美解决！

（巨坑，找了好久解决办法！）原因分析：因为element-ui的组件与App.vue是平级的，所以在引用了element-ui组件的vue文件（vue组件）中的style中直接修改element-ui比如popover的样式是无效的解决办法：把样式直接写到App.vue中就可以了，注意，如果有多个popover组件，最好用poper-class，这样就能根据不同的popover组件设置样式了...

在这里斗胆说一句教你实现，其实是我的一种实现方法，觉得十分简单，很好理解，所以在这里分享给大家了。具体操作1.在assets中创建一个文件夹，比如叫fonts（或者是其他乱七八糟的名字都随便，都可以）2.将字体文件引入这个fonts文件夹3.在fonts文件夹中创建一个css或者less文件，然后一定一定按下面的方式，字体才能够正确显示:这里有一个坑：注意，在font-family那里，不要按照google fonts里的那种写法，加一个cursive，那...

使用v-if和v-show的时候要注意，双引号中判断的变量必须是boolean类型才可以写成如下的形式：v-if=“isShow”很有可能在data中传入的变量根本不是boolean类型的，而是string类型的，但是它的值是true或者false。也就是说，一个变量isShow，它的值可能是： isShow == ‘true’所以这个时候，使用v-if的时候就要写成：v-if=“isShow == ‘true’”打完收工 ～～～...

比如设置了某个在session中的变量的值为null，但是在if中判断的时候，应该如何写呢？错误的写法：正确写法：

这几种方法都是亲手实验过到底好不好用的，大家可以参考下：1.写一个js文件，或者vue文件，把全局变量写到里面，然后挂载到Vue.prototype上面去，在main.js中引入包含全局变量的文件。这种方法的致命问题：就是main.js是入口文件，第一次使用这个全局变量当然没有问题，但是当你刷新页面的时候，由于又重新创建了vue实例，之前为全局变量设置的值就会消失。网上似乎有监听它变化然后赋值到local或者session中然后再重新赋值回去的方式，我没试过，不予评价2.写到session中

解决办法不废话了直接上图了：然后到App.vue中设置样式：显示效果：完美解决！！！

最近在项目中使用到了轮播图的轮子swiper，但是下面的自带箭头真的是丑爆了：是这种蓝色的，极其丑修改的办法：先给上siwper的代码：在最外层的wrapper中加入以下的样式：让导航的箭头的size为0接下来自己去网上找个箭头的图，比如iconfont，像下面这样就行了：即箭头的图片当作背景图就好了最终效果：完美解决！！！...

由于是vue项目，所以我使用的是VueAwesomeSwiper，但是我为每个swiper-slide绑定vue的@click事件的时候，点击事件是不会触发的解决办法：使用swiper自带的api如图使用tap，或者click都行，在这里面写你的为每个swiper-slide绑定的点击事件的逻辑就好了...

一般用i18n切换中英文的时候，一般都是那些静态的元素，比如你的网页中的注入：about us、faq这样的按钮的时候，但是如果某个值是你代码中赋值了呢？比如设置了innerHTML，这个时候往往i18n就没有效果了，但是有没有解决的办法呢？有的！假设现在有个中英文切换的菜单是这样的：然后有个关注的按钮是下面这样的：需要的是切换英文的时候将“关注”换为Follow，“取关”换为Unfollow由于中英文切换的菜单在网页的header中，关注的按钮在组件personal中，而...

我写的项目使用到了localStorage进行判断当前用户是否已经登录，我没有用到token，我觉得这种方式也能实现，就自己想到用这种方法，如果用户没有断开登录，即使新开一个标签页，也可以保持之前的登录状态，避免用户多次登录，影响使用体验。如题，我想介绍的方式是防止用户从浏览器的开发者工具中（chrome是application中进行查看localStorage和sessionStorage）对local和session（下均这二者均简称为local和session）进行...

之前从来没有过这种情况，但是自从使用了vpn之后就这样了，所以我推测是使用了vpn然后让网络的代理出现了问题，所以我不连接vpn的时候访问不了浏览器。解决办法：设置——>网络——>wifi——>高级——>代理我在解决了问题之前，SOCKS代理那一栏是勾上的，去掉那个勾之后，浏览器就可以正常使用了，希望可以帮助到有需要的人。⚠️注意：有人说上面的网页代理(HTTP)和安全网页代理(HTTPS)的勾也需要去掉，但是我这里本来上面就没有勾，所以保持不动，如果..

写完vue项目之后，本地测试都没有问题，现在想让其他人在公网上也能访问，于是自然要用到云服务器。我目前用的是腾讯云然后加宝塔面板，很方便。 出现的问题就是，我项目在本地没有任何问题，但是丢到服务器上面，发现dist里面的css和js还有img统统都是404 not found，在浏览器的调试工具里看了之后才发现请求的路径不太正确，似乎少了一个路径，就是少了/dist，当然现在只是我的猜想。 解决办法：姑且照着猜想去实践，到vue.config.js里修改...

最近在玩云服务器，然后就了解到了宝塔面板，不得不说确实非常的方便。但是遇到了一个问题，我用图来说明：1.可以看到下图，下面那个是我刚开始添加的站点，网站名是我自己申请的域名，这里就假设它是kbxxxx.top。先忽略不看new.kbxxx.top。2.见下图，我添加新站点,可以发现站点的域名是和最初那个一样的，但是问题就出在，两个域名虽然一样，但是端口号是不一样的，按理来说应该是可以创建的对吧，但是这里就是提示添加的站点已经存在。解决办法先将域名自定义写一个，随...

问题描述： 这是个自己在公司做项目的时候碰到的问题，起因是产品要求input输入框中只能是数字，要是位数不对，得提示用户，输入了非法的字符，也得提示用户。解决过程： 本来用的是isNaN，但是总是觉得效果不好，然后就去网上找其他方法，于是想到了正则，但是我一直没法用正则解决。解决办法： 最终还是回归到isNaN上。先贴出w3c中对于isNaN的描述：也就是说，它的字面意思就是问你：“括号里的数，它是不是不是一个...

问题描述： 自己写了一个vue的项目，由于刚入行不久吧，出现了问题也是花了很久的时间才找到问题所在，或许这就是刚入行要踩的坑吧，反正是自己遇到的错误绝对是印象深刻的，以后遇到类似的问题应该也会想起来怎么应对。 回到正题，标题就是我遇到的问题，页面缩小的时候，会发现元素是往左上角缩的，这就直接导致了样式的崩盘，原本一左一右的元素，缩小之后距离就会变得很大，而不是保持二者的相对距离。但是大多数网站在进行缩放的时候是将整个页面往中间缩小(你可以试一试csdn，也是如此)。页面放...

问题描述：使用v-if的时候，当在切换两个使用了v-if的元素的时候，很有可能会出现切换时闪烁的问题，我的理解是，每次使用v-if，都是将对应的dom元素从dom树中删除又重建，这就有一个延迟的事件，也许很短，但是体现在屏幕上就是所谓的闪烁的情况。解决办法：换而使用v-show就可以解决闪烁的问题，因为v-show就只是隐藏而已，只是将样式给隐藏，实际上它还在原来的位置，只不过是看不见了，这样两个元素在切换的时候就没有延迟，不出现闪烁的情况。...

最近做项目的时候碰到的这个问题，起初我也很迷惑，询问同事之后，一下点醒我。问题描述 需求是，函数的参数接受input框中的值，我在input框中输入了1e18的数，这个时候函数是可以正常接受这个参数进行运行的。 可是，如果我是实现将这个input框中的值保存下来，事先说明，这个时候保存的值是小数，之后需要乘1e18，就是这样，我将这样处理之后的数传到了函数的参数中进行处理，但是控制太却报了BigNumber的错误，告诉我overflow了。 ...

问题描述比如你在前端页面上或者直接使用metamask的钱包发起了交易，但是发现交易迟迟没有弹窗提示成功还是失败，这个时候可能是交易卡住了，一直在pending状态。在某个区块链浏览器上，在metamask钱包中使用你当前使用的区块链浏览器的公链的话，发起的交易是可以在该区块链浏览器上搜索到的，只要搜索自己钱包的地址或者收方的钱包的地址的话，就可以搜索得到。但是如果交易一旦被挂起（也就是我之前所说的卡住），也就是pending的状态，那么挂起的交易就必须被覆盖掉，否...

之前在vue中写了鼠标事件，但是却发现页面上什么反应也没有，当前写法如下：我的想法是，写一个鼠标的移出事件，当鼠标移出当前的按钮的时候，将按钮的样式做一些修改，样式代码什么的都无关紧要，这里只放当前和问题有关的代码。 但是目前这种情况是实现不了的，当鼠标离开的时候，没有任何反应，我本来还以为是el-button不能绑定鼠标事件，其实并不是这样的。在查阅了官方文档之后，才发现了加一个属性有可能就能解决这个问题： ...

先将有问题的代码贴出来：（由于代码段没有vue格式，我这里就放截图了）

在做项目的时候碰到了一个这个错误，我想实现的效果是将一长串字符串的中间部分给隐藏起来，比如说下面这种效果： 不用说各位也知道怎么做，我的想法是：1.var str = 要隐藏的字符串2.var temp = str.subString(start,end)3.str = str.replace(new Rexp(temp),"****");上述步骤是正确的，但是却在控制台报了这个错误，我真的是莫名其妙，一直查阅资料也找不到问题所在，我还以为str不...

在做vue项目的时候，在cmd中运行指令：vue ui时出现了这个错误，在网上搜索了很久的解决办法，都没有人遇到这个错误。。。起初我还以为端口占用，但其实不是ENOENT就是说：“没有这样的文件或者目录”，但是，在这个路径中确实有这么一个文件夹，那么问题出在哪呢？于是转念一想，会不会是环境变量没有配置？到path中将这个路径加入后，果然可以了在cmd中显示：问题至此成功解决！！！...

'CALL "D:\Node.js\\node.exe" "D:\Node.js\\node_modules\npm\bin\npm-cli.js" prefix -g' 不是内部或外部命令，也不是可执行程序我在cmd中查看npm -v的时候出现了这个错误，经网上查证，终于找到了行之有效的解决办法，是环境变量的问题。删除环境变量中的ComSpec即可解决问题了。...

我发现在vscode的终端运行node xxx.js时会出现这个错误，js代码如下：//1.引入expressconst express = require('express');//2.创建应用对象const app = express();//3.创建路由规则//request是对请求报文的封装，response是对响应报文的封装app.get('/',(request,response)=>{ //设置响应 response.send('Hello Expres

在做vue项目的时候，出现了这个错误。这个错误的意思其实是：出现了4个本不应该出现的缩进。我是真的被这个错误恶心到了，缩进也报错，找了好久。解决办法如下：找到.esintrc.js这个文件在rules中加入一句代码：'indent':'off'就可以不判断缩进了。错误完美解决，又可以愉快玩耍了...