-
scoped作用与原理
1. scoped是一个CSS预处理器的功能,用于限定样式的作用范围。scoped的原理是通过给样式规则添加一个唯一的选择器,使得这些样式只在指定的DOM元素中生效,而不影响其他元素。
-
vue生命周期分为几个阶段?以及每个阶段所对应的钩子函数
Vue生命周期分为八个阶段,每个阶段都对应着一系列的钩子函数,它们分别是: 1. beforeCreate:实例刚在内存中被创建出来,此时还没有初始化好data和methods属性。 2. created:实例已经在内存中创建完成,data和methods已经初始化好了,但此时还没有开始编译模板。 3. beforeMount:模板已经编译完成,但尚未挂载到页面中。 4. mounted:模板已经挂载到页面中,此时可以进行DOM操作。 5. beforeUpdate:响应式数据发生变化,但还没有更新到视图中,此时可以修改数据,但不会触发重新渲染。 6. updated:响应式数据已经更新到视图中,此时可以进行DOM操作。 7. beforeDestroy:实例即将被销毁,此时还可以进行一些操作。 8. destroyed:实例已经被销毁,此时不能再进行任何操作了。 在实际开发中,我们可以利用这些钩子函数来进行一些初始化操作、数据处理、DOM操作等,从而更好地控制组件的生命周期,提高代码的可读性和可维护性。
-
在子组件中访问父组件的实例的三种方法?
1. props:在父组件中通过props将需要访问的实例传递给子组件,在子组件中通过props访问。 2. $parent:在子组件中可以通过`this.$parent`访问父组件的实例,但是这种方法存在一定的耦合性,不太推荐使用。 3. $refs:在父组件中给子组件添加一个ref,然后可以在父组件中通过`this.$refs`访问子组件的实例。但需要注意的是,只有在子组件被渲染后,才能够访问到子组件的实例。
4.Promisse是什么?有哪几种状态 ? 怎么用?
Promise是一种异步编程的解决方案,它表示一个异步操作最终的完成或者失败,并且返回相应的结果或错误信息。Promise具有以下三种状态: 1. pending(进行中):初始状态,表示异步操作还在进行中。 2. fulfilled(已成功):异步操作成功完成,返回了相应的结果。 3. rejected(已失败):异步操作失败,抛出了相应的错误信息。 Promise的使用方法如下: 创建Promise对象:通过Promise构造函数创建一个Promise对象,一般情况下需要传入一个函数,该函数接收两个参数,分别是resolve和reject,分别表示异步操作成功和失败的回调函数。 处理异步操作结果:通过then方法和catch方法分别处理异步操作成功和失败的结果,then和catch方法都需要传入一个函数作为回调,该函数的参数就是异步操作返回的结果或错误信息。 Promise的链式调用:如果需要多次异步操作,可以通过then方法的链式调用来实现,将多个异步操作串联起来,依次执行。
5.请说说你对作用域链的理解?
作用域链是JavaScript中作用域与变量查找机制的核心概念之一。在JavaScript中,每个函数都有自己的作用域,作用域链就是由多个作用域链表(Scope Chain)组成的链式结构,用来保存当前函数中可访问到的变量和函数。 当在函数中访问一个变量时,JavaScript引擎会从当前函数的作用域链中开始查找,如果当前作用域中没有找到该变量,则会向上一级作用域中查找,直到找到该变量或者查找到全局作用域。如果在全局作用域中也没有找到该变量,则会抛出一个ReferenceError错误。 作用域链的构成: 1. 当前函数的执行上下文(Execution Context)。 2. 当前函数所在的词法环境(Lexical Environment)。 3. 外部函数的执行上下文和词法环境,依次往上查找,直到全局作用域。 作用域链的作用: 1. 解决变量命名冲突的问题,保证不同作用域中的变量名不会相互影响。 2. 实现变量和函数的封装,保护内部变量和函数不被外部访问。 总的来说,作用域链是JavaScript中非常重要的一个概念,理解作用域链的运行机制,有助于我们更好地理解JavaScript的作用域与闭包等高级概念,并且能够编写出更加健壮和可维护的代码。