【前端面试】九、框架

Bee.Bee.

于 2024-07-31 14:35:30 发布

阅读量217

点赞数 3

分类专栏：前端面试文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_49015558/article/details/140822406

版权

21 篇文章 0 订阅

订阅专栏

Vue2 是目前仍被广泛使用的前端框架之一，其特点包括响应式数据绑定、组件化开发等。

响应式系统：Vue2 使用 Object.defineProperty 来实现数据的响应式。每个组件实例在创建时，会将 data 中的属性转换为 getter/setter，从而实现数据变化时视图自动更新的功能。
组件化开发：Vue2 鼓励开发者将界面拆分成多个可复用的组件，每个组件包含自己的模板、逻辑和样式。组件之间可以通过 props 进行数据传递，通过 events 进行通信。
指令系统：Vue2 提供了一套丰富的指令（Directives），如 v-bind、v-model、v-on 等，用于在模板中声明式地绑定数据、事件等。
生命周期钩子：Vue2 组件包含多个生命周期钩子（如 created、mounted、updated、destroyed 等），允许开发者在不同阶段执行特定的逻辑。

Vue3 相比 Vue2 进行了大量的内部优化和重构，引入了Composition API等新特性。

Proxy 响应式系统：Vue3 使用 Proxy 替代了 Vue2 中的 Object.defineProperty，实现了更加全面和高效的响应式系统。Proxy 可以直接监听对象和数组的变化，而无需对它们进行特殊处理。
Composition API：Vue3 引入了 Composition API，它提供了一种更灵活的方式来组织和重用逻辑。与 Vue2 的 Options API 不同，Composition API 允许开发者将组件的逻辑按照功能组织成不同的函数（如 setup、computed、watch 等）。
Fragment、Teleport 和 Suspense：Vue3 新增了 Fragment、Teleport 和 Suspense 三个组件，分别用于处理多根节点、远程DOM挂载和异步组件的等待状态。
更好的性能：Vue3 在性能上进行了大量优化，如更高效的组件渲染、更小的体积等。

React 是由 Facebook 开发的前端框架，其特点包括函数式组件、JSX 语法、虚拟DOM等。

函数式组件：React 鼓励使用函数式组件来构建界面，这些组件接受 props 并返回 JSX 元素。函数式组件可以是有状态的（使用 Hooks）或无状态的。
JSX 语法：JSX 是 React 的语法糖，允许开发者在 JavaScript 代码中编写类似 HTML 的标记。JSX 最终会被编译成 React.createElement 调用。
虚拟DOM：React 使用虚拟DOM来优化DOM操作。当组件的状态或属性发生变化时，React 会先更新虚拟DOM，然后将虚拟DOM与真实DOM进行比较，只更新需要变化的部分。
Hooks：React Hooks 允许开发者在函数式组件中使用 state 和其他 React 特性。Hooks 使得函数式组件更加强大和灵活。

Angular 是由 Google 维护的前端框架，其特点包括 TypeScript 支持、依赖注入、双向数据绑定等。

TypeScript 支持：Angular 官方推荐使用 TypeScript 来编写代码，TypeScript 是 JavaScript 的一个超集，增加了类型系统和一些其他特性。
依赖注入：Angular 提供了依赖注入（DI）机制，允许开发者在组件或服务之间共享数据和服务。DI 使得组件之间的耦合度降低，更易于维护和测试。
双向数据绑定：Angular 通过数据绑定机制将组件的模板与组件的类属性连接起来。当属性发生变化时，模板会自动更新；当模板中的输入值发生变化时，属性也会相应更新。
组件化开发：与 Vue 和 React 类似，Angular 也鼓励开发者将界面拆分成多个可复用的组件。Angular 组件包含模板、类和样式等部分。