React 目前开发以函数组件为主，辅以 hooks 实现大部分的页面逻辑。目前数栈的 react 版本是 16.13.1，该版本是支持 hooks 的，故以下实践是 hooks 相关的最佳实践。

此文内容包括以下： 深度介绍react、vue2、vue3的diff算法原理，并分别对比它们的区别。几个算法，套路都是找到移动的节点，然后给它移动到正确的位置。该加的新节点添加好，该删的旧节删了。

React 是基于 vdom 的前端框架，组件 render 产生 vdom，然后渲染器把 vdom 渲染出来。 state 更新的时候，组件会重新 render，产生新的 vdom，在浏览器平台下，

我相信绝大部分的同学面试的时候都碰到过面试官问的一个问题，那就是前端项目优化。这是一个非常发散的问题，涉及到的面很广。因此我也总结了一篇5000字的文章总结了从分析到实施阶段能做的一些事情。

大家好，我是沐华。我发现很多5年以上前端，简历上写的基本都是熟练使用 Vue2、Vue3、React 并阅读源码对其实现原理有自己的理解，实际问起来却不免让人唏嘘

导文 CSS 1. 请解释CSS的盒模型是什么，并描述其组成部分。 答案：CSS的盒模型是用于布局和定位元素的概念。它由内容区域、内边距、边框和外边距组成，这些部分依次包裹在元素周围。 2. 解释CS

通过标题的提问引出对React、Vue2、Vue3的Diff算法对比，还有React Fiber的一些原理，以及为什么Vue中不需要使用Fiber

虚拟 DOM 虚拟 DOM 节点是一个 JS 对象，用这个 JS 对象可以表示 DOM 节点、组件节点等。有了虚拟 DOM，能提高整体研发体验和效率，同时也能解决跨平台问题。

近期整理了一下高频的前端面试题，分享给大家一起来学习。如有问题，欢迎指正！ 欢迎大家关注该专栏：点赞👍 + 收藏🤞 前端面试题系列文章： 【1】2022高频前端面试题——HTML篇 【2】2022