前端面试基础题库——3

目录

二十一、JavaScript 中的事件循环和异步编程原理。

 二十二、Vue.js 中 的 computed   属性和 methods  方法的区别及其使用场景。

二十三、Vue 中的路由导航守卫 (beforeEach、beforeRouteEnter、beforeRouteUpdate和beforeRouteLeave)    及其作用。

二十四、Vue.js 中 的 Vuex  模式及其作用

 二十五、JavaScript 中的深浅拷贝及其实现方法

二十六、事件委托(事件代理)原理及其优势。 

二十七、JavaScript 中的作用域及其类型。

二十八、CSS  中的选择器及其优先级。

 二十九、JavaScript  中 的 ES6 新特性中的箭头函数及其使用场景。

 三十、React 中 的 Virtual  DOM (虚拟 DOM)   及其优势。

---

二十一、JavaScript 中的事件循环和异步编程原理。

        JavaScript 中的事件循环是一种事件处理机制，指定 JavaScript 引擎在不执行主线程时定期检查事件队列，并在队列中找到可执行的事件处理程序并执行。

        异步编程原理在 JavaScript 中是指将一些函数调用放入事件队列中，等待事件循环处理，从而实现异步操作的方式。异步编程原理的优点是提高程序性能，减少响应时间，并可以避免阻塞主线程。

 二十二、Vue.js 中 的 computed   属性和 methods  方法的区别及其使用场景。

        Vue.js 中的 computed  属性和 methods 方法都是用于处理视图逻辑的属性和方法。

        区别：

        computed  属性是一种具有缓存机制的计算属性，指定依赖于一个或多个 observable 对象，并在依赖的属性发生变化时触发更新。

        methods  方法则是一种用于定义和调用方法的属性，不会缓存函数结果，并强制重新渲染视图。 

        总结：

        computed  属性适用于计算结果不变但频繁访问的场景， methods 方法适用于每次都需要重新计算结果并且计算结果不缓存的场景。

二十三、Vue 中的路由导航守卫 (beforeEach、beforeRouteEnter、beforeRouteUpdate和beforeRouteLeave)    及其作用。

         Vue.js 中的路由导航守卫是指在路由发生改变之前或之后执行特定的处理程序。

        1.beforeEach  守卫在路由跳转之前执行，可以用于验证用户是否有权限访问某个路由，重定向等；

        2.beforeRouteEnter 守卫在路由进入组件时执行，可以用于从远程加载数据等操作；         3.beforeRouteUpdate  守卫在路由更新时执行，可以用于更新数据等操作；         4.beforeRouteLeave  守卫在路由离开时执行，可以用于确认用户是否要离开当前路由、保存数据等操作。

二十四、Vue.js 中 的 Vuex  模式及其作用

        Vue.js 中的 Vuex 模式是一种专门用于管理应用程序级别状态管理的模块化方式。Vuex  的作用包括管理全局状态、状态共享、状态机制、单向数据流等。

 二十五、JavaScript 中的深浅拷贝及其实现方法

         JavaScript 中的深浅拷贝是指复制对象或数组时是否复制其值或者只是复制其引用。

        浅拷贝只复制了一 个对象或数组的引用，而深拷贝则是创建一个完全独立的对象或数组，是基于值复制而不是基于引用复制。

        实现方法包括使用 ES6 的扩展运算符、使用 JSON  序列化和反序列化等。

二十六、事件委托(事件代理)原理及其优势。 

        事件委托是指将一个元素上发生的事件委托给其父元素或父级元素，利用事件冒泡机制来处理事件，而减少事件绑定数量，提高性能。事件委托的优势包括减少 DOM  操作、减少内存占用、提高页面响应速度、提高可维护性和代码可读性等。 

二十七、JavaScript 中的作用域及其类型。

        JavaScript 中的作用域指的是变量、函数和对象等的可访问范围。 JavaScript 中的作用域分为全局作用域、局部作用域和块级作用域。全局作用域是指在整个脚本中都可以访问的变量或函数，局部作用域是指在函数内部定义的变量或函数，块级作用域是指在代码块中定义的变量或函数 (ES6 新增) 。

二十八、CSS  中的选择器及其优先级。

        CSS  中的选择器是用于选取 HTML  元素并应用样式的一种方式。 CSS  中的选择器包括基本选择器、组合选择器、伪类选择器和伪元素选择器等。优先级是用于描述样式表中不同选择器之间优先级情况的一 种方式，优先级从高到低分别为：!important、 内联样式、 ID 选择器、类选择器、属性选择器、伪类选择器、元素选择器和通配符选择器。

 二十九、JavaScript  中 的 ES6 新特性中的箭头函数及其使用场景。

        JavaScript 中的 ES6 中的箭头函数是一种新的函数定义和调用方式，用于创建匿名函数和简化函数定 义，可以使用箭头“=>”来代替 function 关键字，并且具有自动绑定 this 的特性。箭头函数适用于简化语法、提高可读性和作为回调函数等场景。

 三十、React 中 的 Virtual  DOM (虚拟 DOM)   及其优势。

        React 中的 Virtual DOM 是一种抽象层次的浏览器 DOM,  用于提高页面性能和开发效率，可以最小化 浏览器对 DOM   的操作次数。 Virtual DOM 的优势包括减少页面渲染时间、提高页面性能、提高页面响应速度、减少浏览器内存压力、提高开发效率和可维护性等。