摘要：
1、在封装请求拦截的js文件中需要有以下准备条件： 引入axios，在请求前加上token（这里token是从vuex中取的，这里不再阐述在vuex中的保存方法） 1 import axios from 'axios' 2 // 设置post请求头 3 axios.defaults.headers. 阅读全文
posted @ 2022-08-23 09:05
黑使
阅读(169)
评论(0)
推荐(0)
摘要：
出现以上报错是因为：出现该错误的原因可能是页面中写了一些生命周期函数，而生命周期函数里面什么都没有；没有使用的生命周期函数直接删掉。 阅读全文
posted @ 2022-08-03 17:48
黑使
阅读(814)
评论(0)
推荐(0)
摘要：
先复习下v-if和v-for不能放在同一标签使用的原因： v-for 的优先级比 v-if 的高，所以每次渲染时都会先循环再进条件判断，而又因为 v-if 会根据条件为 true 或 false来决定渲染与否的，所以如果将 v-if 和 v-for一起使用时会特别消耗性能，如果有语法检查，则会报语法 阅读全文
posted @ 2022-06-29 16:33
黑使
阅读(479)
评论(0)
推荐(0)
摘要：
针对不同浏览器去掉滚动条，但是保留滚动效果 webkit内核（chrome和safari浏览器）： .oh::-webkit-scrollbar { display: none; } IE浏览器 .oh { -ms-overflow-style: none; } FireFox浏览器 .oh { s 阅读全文
posted @ 2022-06-13 16:22
黑使
阅读(264)
评论(0)
推荐(0)
摘要：
今天遇见了一个点击事件不生效的问题，语法格式都没错，但就是点击后打印不出来，百度了才知道有些组件不支持原生事件，如@click。 举例： 当我直接写@click=""时，发现怎么都不生效，但是加了修饰符.native后就生效了。 el-row、el-col是基于vue封装的组件，不支持原生事件的触发 阅读全文
posted @ 2022-05-15 17:55
黑使
阅读(136)
评论(0)
推荐(0)
摘要：
一、requestAnimationFrame 平时我们实现一个动画，如每隔10ms，让盒子向右移动50px，是这样写的： 1 <body> 2 <div class="demo"></div> 3 <script type="text/javascript"> 4 var dom = docume 阅读全文
posted @ 2022-04-28 15:27
黑使
阅读(459)
评论(0)
推荐(0)
摘要：
我们都知道，前端报404，是服务器找不到资源。具体表现举两个例子： 1、请求方法、请求路径写错， 2、删除文件或移动了文件位置 当然，404时也可能不是前端的问题，也可能多个后台开发者同时使用同一域名，如下图所示： 我们可以发下一个域名下有两个IP地址，而我是与第二个ip进行接口联调的，当我发出请求 阅读全文
posted @ 2022-04-18 18:19
黑使
阅读(6733)
评论(0)
推荐(0)
摘要：
样式穿透又叫做深度作用选择器。使用场景：比如我们在vue项目中使用了第三方UI组件，但是由于需求，必须修改组件中未提供的样式，比如以下案例，这时要用到样式穿透解决。 环形进度条的文字颜色修改案例： 1、修改前： <van-circle v-model:current-rate="currentRat 阅读全文
posted @ 2022-03-19 10:00
黑使
阅读(631)
评论(0)
推荐(0)
摘要：
关于scope，我们都知道它的作用是让样式只在本组件中生效，不影响其它组件。 但是它的原理是什么呢，接下来我们就通过案例截图展示一下： 当我们使用了scope的时候，会给元素节点新增自定义属性：data-xx，然后在css中通过属性选择器的方式给元素添加样式，这就是scope的原理。 阅读全文
posted @ 2022-03-17 18:46
黑使
阅读(458)
评论(0)
推荐(0)
摘要：
我们都知道nextTick是用来实现异步更新dom的。下边通过小案例一步步分析。 案例之前先插入一段内容，来证明nextTick确实是异步任务。 没毛病，先执行同步，后执行了异步nextTick。 1、当我们设置 ref，通过this.$refs修改dom元素的内容时，会输出什么？ <button 阅读全文
posted @ 2022-03-17 18:30
黑使
阅读(221)
评论(0)
推荐(0)
浙公网安备 33010602011771号