摘要：
今天遇见了一个点击事件不生效的问题，语法格式都没错，但就是点击后打印不出来，百度了才知道有些组件不支持原生事件，如@click。 举例： 当我直接写@click=""时，发现怎么都不生效，但是加了修饰符.native后就生效了。 el-row、el-col是基于vue封装的组件，不支持原生事件的触发 阅读全文
摘要：
一、requestAnimationFrame 平时我们实现一个动画，如每隔10ms，让盒子向右移动50px，是这样写的： 1 <body> 2 <div class="demo"></div> 3 <script type="text/javascript"> 4 var dom = docume 阅读全文
摘要：
我们都知道，前端报404，是服务器找不到资源。具体表现举两个例子： 1、请求方法、请求路径写错， 2、删除文件或移动了文件位置 当然，404时也可能不是前端的问题，也可能多个后台开发者同时使用同一域名，如下图所示： 我们可以发下一个域名下有两个IP地址，而我是与第二个ip进行接口联调的，当我发出请求 阅读全文
摘要：
样式穿透又叫做深度作用选择器。使用场景：比如我们在vue项目中使用了第三方UI组件，但是由于需求，必须修改组件中未提供的样式，比如以下案例，这时要用到样式穿透解决。 环形进度条的文字颜色修改案例： 1、修改前： <van-circle v-model:current-rate="currentRat 阅读全文
摘要：
关于scope，我们都知道它的作用是让样式只在本组件中生效，不影响其它组件。 但是它的原理是什么呢，接下来我们就通过案例截图展示一下： 当我们使用了scope的时候，会给元素节点新增自定义属性：data-xx，然后在css中通过属性选择器的方式给元素添加样式，这就是scope的原理。 阅读全文
摘要：
我们都知道nextTick是用来实现异步更新dom的。下边通过小案例一步步分析。 案例之前先插入一段内容，来证明nextTick确实是异步任务。 没毛病，先执行同步，后执行了异步nextTick。 1、当我们设置 ref，通过this.$refs修改dom元素的内容时，会输出什么？ <button 阅读全文
摘要：
场景：在 App.vue文件中通过watch全局监听本地中是否有 token，若没有，则跳转到登录页；若有，则return。 1 app.vue代码 2 3 watch: { 4 $route() { 5 if (!localStorage.getItem("token")) { 6 this.$r 阅读全文
摘要：
结果是：http://localhost:8100/#/ 改变为 http://localhost:8100/?#/ 导致路由跳转出现问题。 原因：这里是 form 表单，点击了button 按钮，触发了他的默认事件，就是触发了提交这个行为。 解决方案：使用@click.prevent 阻止默认事件 阅读全文
摘要：
今天参加了一场面试，结果凉凉，唉，知识点漏缺呀，快来看看你是否也会做错？ 问题：声明一个函数，判断传入的参数是否是数字型？ 1 function fn(val) { 2 if (val !== NaN) { 3 console.log("11"); 4 return false; 5 } else 阅读全文
摘要：
刚闲的没事，就安装了一下vuex，发现报错了。。。 首先提供下我安装的vue版本，是vue2。 安装vuex命令：npm install vuex --save，发现报错，如下 ： 查看vuex官网，发现vue2对应vuex3，而vue3对应vuex4，不过切换到vuex3版本时，提供的命令确实是n 阅读全文