首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
React
订阅
关于React的一切
舔破仑
更多收藏集
微信扫码分享
微信
新浪微博
QQ
17篇文章 · 0订阅
react长列表优化方案: react-virtualized
如果我们直接把整个列表渲染出来, 仅仅学生列表就会生成1000+个div标签. 这个时候的DOM数量就会变得难以想象. 我们都知道, DOM结构如果过大, 网页就会出现用户操作体验上的问题, 比如滚动, 点击等常用操作. 同时, 对react的虚拟DOM计算以及虚拟DOM反映到…
为什么 React 的 Diff 算法不采用 Vue 的双端对比算法?
通过标题的提问引出对React、Vue2、Vue3的Diff算法对比,还有React Fiber的一些原理,以及为什么Vue中不需要使用Fiber
[react] 什么是虚拟dom?虚拟dom比操作原生dom要快吗?虚拟dom是如何转变成真实dom并渲染到页面的?
壹 ❀ 引 虚拟DOM(Virtual DOM)在前端领域也算是老生常谈的话题了,若你了解过vue或者react一定避不开这个话题,因此虚拟DOM也算是面试中常问的一个点,那么通过本文,你将了解到如下
我对 React 实现原理的理解
React 是前端开发每天都用的前端框架,自然要深入掌握它的原理。我用 React 也挺久了,这篇文章就来总结一下我对 react 原理的理解。 react 和 vue 都是基于 vdom 的前端框架
2022 年的 React 生态
`React` 已经风靡前端届很长一段时间了,在这段时间里它发展了一个非常全面而强大的生态系统。大厂喜欢在大型的前端项目中选择 `React`,它的生态功不可没。
性能!!让你的 React 组件跑得再快一点
React 基于虚拟 DOM 和高效 Diff 算法的完美配合,实现了对 DOM 最小粒度的更新。大多数情况下,React 对 DOM 的渲染效率足以我们的业务日常。但在个别复杂业务场景下,性能问题依然会困扰我们。此时需要采取一些措施来提升运行性能,其很重要的一个方向,就是避免…
聊聊 JSX 和虚拟 DOM
这篇文章我构思了很久,想用比较白话的形式阐述关于 JSX 和 VDOM 的知识点。翻阅了不少相关内容,多数文章都是以源码为基础,讲的内容不能说不好,但是至少我觉得对于刚入门的前端同学,内容篇硬。本篇文章以 React 作为切入点,分析理解 JSX 和虚拟 DOM ,当然 Vue…
深入了解React中state和props的更新
在本文中我们会看到React如何处理state的更新。以及如何构建effects list。我们会详细介绍render(渲染)阶段以及commit(提交)阶段发生的事情。 更新state属性。 调用render方法并比较子节点。 更新React元素的props。 更新元素的te…
diff算法(妈妈再也不担心我的diff面试了)
视频课程的目的是为了快速掌握react源码运行的过程和react中的scheduler、reconciler、renderer、fiber等,并且详细debug源码和分析,过程更清晰。 在render阶段更新Fiber节点时,我们会调用reconcileChildFib…
react diff算法理解总结
从代码可以看出,React通过先判断key是否相同,如果key相同则判断type是否相同,只有都相同时一个DOM节点才能复用。 由于本次更新时只有一个p,属于单一节点的Diff,会走上面介绍的代码逻辑。 同级多个节点的Diff,一定属于下面3中情况的一种或多种。 带着第一轮遍历…