mounted是vue生命周期里很重要的概念，主要用来发送ajax请求、启动定时器、绑定自定义事件、订阅消息等。了解mounted 在组件被挂载之后调用。类型interface ComponentOptions { mounted?(this: ComponentPublicInstance): void}详细信息 组件在以下情况下…

在解决vue mounted执行多次问题之前，我们先来了解一些基本的知识。 mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。 created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。 …

什么是 mixins？ Vue官方文档是这样描述mixins的： mixins是一种分发Vue组件中可复用功能的一种灵活方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。 mixins是一个JavaScript对象，可以包…

JavaScript中的map()是数组的一个方法，它创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。map()里面的处理函数接受三个参数，分别指代当前元素、当前元素的索引、数组本身。（IE9以下不支持，对老旧浏览器的兼容性方法参考这里）/**** 原…

Vue中的过滤器是什么 过滤器（filter）是输送介质管道上不可缺少的一种装置,大白话，就是把一些不必要的东西过滤掉,过滤器实质不改变原始数据，只是对数据进行加工处理后返回过滤后的数据再进行调用处理，我们也可以理解其为一个纯函数。 定义：对要显示的…

vue中的watch就是当值第一次绑定的时候，是不会执行监听函数的，只有值诞生改变才会执行。如果需要在第一次绑定的时候也执行函数，则需要用到immediate属性，比如当父组件向子组件动态传值时，子组件props首次获取到父组件传来的No认知时，也需要执行函数。 首先确…

报错Unexpected token o in JSON at position 1怎么解决？iis7.5中mime类型默认没有.json,.woff,.woff2等文件类型，需要手动添加。不添加的话，http请求时无法识别json数据，导致请求失败。iis10.0中默认已有上述文件类型，无需手动添加。IIS7 需要在Mimetype 增加json扩…

json数组去重有很多种方法，比如：双重for循环去重、利用对象属性名不冲突去重，今天我们介绍一个json数组去重的最优方法。使用set 使用set去重是利用了set不可重复的特性来实现，这个方法相对传统方式来说计算效率要高，所以如果浏览器支持，用set比较合适。例1：…

JavaScript数组中想要过滤掉奇数只要偶数需要用到数组的filter方法，我们先来了解一下数组的filter方法。Array.filter(callback(v))方法 filter方法： ①filter方法可以遍历数组 ②filter方法的参数是函数 ③filter方法函数有形参v ④…

JavaScript中怎么去判断一个数组中是否有负数，这里我们需要用到js数组的some方法，我们先来了解一下some方法。数组some方法作用 判断数组中是否有满足条件的元素语法: array.some( function ( item, index, arr) {} ,thisValue) function : 必须,数…

JavaScript中如何插入、删除、替换数组元素需要使用splice()方法，它可以用于插入、删除、或替换数组元素。这种方法会改变原始数组。 语法：array.splice(index,howmany,iteml,......,itemX)； index:（必要元素）规定从何处添加/删除元素。该参数是开始插…

JavaScript中的sort()方法用于数组的元素进行排序，并返回数组。默认的排序方法是根据字符串Unicode码点。 如果调用该方法时没有使用参数，及那个按字母顺序对数组进行排序，说的更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先要把数组的元素都转换…

vue中for循环可以实现一些简单的逻辑，但是要实现一些稍微复杂的逻辑就需要使用vue的高阶函数（filter、map、reduce）可以更便捷的实现需求。 第一种是filter的使用：参数是回调函数 filter中的回调函数有一个要求: 必须返回一个boolean值 true: 当…

vue中for循环有三种用法，接下来我们来详细说说vue中for循环的具体用法。 1、第一种是我们平常用的最多的for循坏 如： 普通的for循环 ，显得繁琐，i为for为数组赋予的序号let totalPrice = 0for (let i = 0; i < this.books.length; i++) { totalPrice += th…

vue大家都知道是目前比较主流的前端开发技术，uni-app则是实现一套代码多段运行的解决方案。今天我们就来说说vue和uni-app的区别。vue和uni-app的区别如下：1、uni-app可以通过打包实现一套代码多端运行，而vue不行。2、uni-app有自动的框架预载，加载页面的速度更快，vu…

throttle常被vue用作处理节流，规定在一个单位时间内，只能触发一次函数，如果这个单位时间内触发多次函数，只有一次生效； 典型的案例就是鼠标不断点击触发，规定在n秒内多次点击只有一次生效。 在某应用购买火车票/飞机票等商品的时候，不断地点击刷新购买，总不…

debounce在vue中常被用来做防抖处理，比如：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时；典型的案例就是输入搜索：输入结束后n秒才进行搜索请求，n秒内又输入的内容，就重新计时。 通俗理解，就是我们在点击请求或者点击加载等过程中，只需…

Vue的marked是什么？ marked是npm模块中，专门用来解析markdown语法的。 先停止vue项目，安装marked。 -D表示当前项目安装。 E:\python_script\Vue\my-project>npm install marked -D 出现以下提示，表示安装成功。+ marked@0.4.0added …

Vue中的v-if 和 v-show是我们经常会用到的，但二者在使用过程中有什么区别呢？今天我们就来聊一聊二者的区别。条件渲染#v-if和v-else v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 使用 v-else 指令来表示 v-if 的…

随着vue3的推出，越来越多的程序员使用它来开发前端，那么vue3的proxy相较2的Object.defineProperty有什么优势呢？在我们使用Object.defineProperty的时候，我们遇到的问题有：一次只能对一个属性进行监听，需要遍历来对所有属性监听。这个我们在上面已经解决了。在遇到一…