react
树叶开心
这个作者很懒,什么都没留下…
展开
-
从Preact学习hooks原理--useState
什么是PreactPreact可以理解为体积更小的react,实现了react的大部分功能,源码相对于react比较简单。Preact也实现了react中的hooks的内容,所以本文从Preact中探索hooks的实现原理。useState的使用先来看下useState的简单使用,在这里我们借用官网的例子。function Counter() { const [count, setCo...原创 2020-04-19 16:40:04 · 362 阅读 · 0 评论 -
React虚拟DOM转换为真实DOM
在上一篇博客React虚拟DOM原理中,我们探索了如何创建虚拟DOM,那么创建了虚拟DOM之后,又是怎么转换成真实DOM,渲染在页面中的呢,下面我们继续探索。...原创 2019-11-30 18:47:23 · 2096 阅读 · 0 评论 -
React虚拟DOM原理
1.什么是虚拟DOM我们在前端面试的时候,经常会被问到什么是虚拟DOM。这个概念,感觉很熟悉,但又说不出它到底是什么。现在我们来探索一下到底什么是虚拟DOM。首先我们看下什么是DOM,对于DOM,我们应该都很熟悉了,下面是MDN对于DOM的定义文档对象模型 (DOM) 将 web 页面与到脚本或编程语言连接起来。通常是指 JavaScript,但将 HTML、SVG 或 XML 文档建模...原创 2019-11-30 14:25:54 · 1612 阅读 · 0 评论