面试八股文

本文讲述了css相关的一些问题、包括基础样式、适配相关、动画相关、浏览器相关、布局相关以及性能优化相关问题

本文讲述vue 的部分基础知识，包括MVVM、生命周期的概念、流程，vue的优缺点一级双向绑定等相关概念。

本文讲述了面试过程中常见的JavaScript相关问题。包括闭包的概念、原型和原型链、事件委托、深浅拷贝、promise等问题。

本文讲述了页面渲染部分的前端性能优化，包括重绘重排以及回流、懒加载，预加载资源、异步加载资源等方式。

vue2一起使用时，v-for 具有比 v-if 更高的优先级。vue3一起使用时，v-if具有比 v-for`更高的优先级。

Vue 响应式原理剖析 —— 从实例化、渲染到数据更新、Vue 响应式原理剖析 —— 从实例化、渲染到数据更新

computed 在 Vue 3 中，计算属性是一种用于根据其他响应式数据派生衍生值的特性。它提供了一种方便的方式来定义响应式的衍生属性，以供模板和其他计算属性使用。

每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听，编译模板，挂载实例到 DOM，以及在数据改变时更新 DOM。

函数节流和函数节流是比较常见的性能优化技术，本文使用js手写函数防抖和函数节流的方法。并给出使用示例。

Webpack是一个现代化的JavaScript应用程序打包工具，它可以将多个模块打包成一个或多个文件，使得应用程序的加载速度更快、代码更加优化。

watch和watchEffect都是用来监测数据变化的方法，如果需要在数据变化时执行指定的函数，可以使用watch；如果需要在函数中使用响应式数据并自动追踪变化，可以使用watchEffect

JavaScript 提供了不同的方式来遍历和操作数组。选择什么方法取决于你的具体需求和对数组元素的操作。

ref适用于包装基本类型的数据，而reactive适用于包装任意类型的数据，并且提供了更灵活的访问和更新方式

在JavaScript中，我们可以使用原型链继承、构造函数继承、组合继承和ES6中的class继承来实现继承。下面将逐一介绍这些继承方式。

本文讲述了浏览器的垃圾回收机制、浏览器的渲染流程、浏览器的多进程以及渲染优势、浏览器的架构、浏览器的同源策略等相关问题以及解释。