BigKongfuPanda

Virtual DOM 其实就是一棵以 JavaScript 对象 (VNode 节点) 作为基础的树，用对象属性来描述节点，实际上它只是一层对真实 DOM 的抽象。最终可...

VDOM，也叫虚拟DOM，并不是什么高大上的新事物，它是仅存于内存中的DOM，因为还未展示到页面中，所以称为VDOM。 如上所示，大家对此应该不陌生吧？没错，这就是VDOM...

一提到React，学过的人都会想到提高性能的两大神奇特色：虚拟DOM & diff算法。React diff作为Virtual DOM的加速器，其算法的改进优化是React...

众所周知，react diff算法是在更新时，根据state的更新，计算出变化的节点，再渲染。那么diff是通过什么和什么对比呢，又是如何对比的呢？ react做的就是对比...

以上3种方式都是使用原生DOM API，都可以实现效果，但是性能上会存在差异。造成差异的原因多种多样，可能取决于元素类型，列表长度，甚至浏览器版本（万恶的IE）。因此应当根...

这次的分享结合我在项目中使用 full hooks-based React Components 的一些经验，给大家介绍一些我所认为的 React Hooks 最佳实践。 ...

这个模式比较简单，当我们修改一个html文件的hash时，也就是URL地址后面加一个#value浏览器是不会发送请求的，且即使发送请求（如刷新页面）也不会携带上hash，利...

大家好久不见，虽然变成了年更博客，但是我还是有坚持在用文字来记录我的学习和生活的。 博客。以前我习惯用 Markdown + Github 来维护我的博客 日常学习笔记、文...

在我的前两篇文章中, 提到了解决组件扩展性的第三条路线, 有别于当下标准件封装和 CV 大法的新思路. 我将在本文聚焦于这第三条路线. 小明是一个雄心勃勃刚刚入行满 1 年...

本篇写的 setState（涉及源码部分）是针对 React15 版本，即是没有 Fiber 介入的；为了方便看和写，所以选择旧版本，Fiber 写起来有点难，先留着将会写...

mount(vnode, parent, [refNode]): 通过vnode生成真实的DOM节点。parent为其父级的真实DOM节点，refNode为真实的DOM节点...

在上一篇文章这里我们讲到，在render阶段的beginWork函数中，会将上次更新产生的 Fiber 节点与本次更新的 JSX 对象（对应ClassComponent的t...

这是我第一次尝试将项目启动过程的思考及实践通过文字比较完整的记录下来，记录得过程也是一波三折，因为许多技术点都是新的尝试，例如Nextjs、 recoil、react-qu...

不论是什么样的前端面试，总会问到的一个问题：前端性能优化。 相信如果这个问题没有答好，在面试中会很被动。 于是，趁着这个天天宅的时期，好好的整理了一番。 4、位运算较快。当...

随着现代前端开发的复杂度和规模越来越庞大，已经不能抛开工程化来独立开发了，如react的jsx代码必须编译后才能在浏览器中使用；又如sass和less的代码浏览器也是不支持...

都知道，前端性能优化的一条原则是将script标签放在body底部，为什么呢？因为script标签的加载和执行时会阻塞DOM结构渲染的，若是script标签放在头部，加载时...

随着前端框架比如Vue和React的不断发展，虚拟DOM和DOM-Diff也随着这些框架被越来越多的人重视。在学习和面试的过程中，越来越成为我们无法回避的知识点。面试时经常...

回顾整个 2020 年，用一个词来总结自己的话就是 蜕变。今年也是自己工作的第五个年头，所以这边文章算是对自己毕业工作五年来的回顾和总结吧。 我是一个非计算机科班出身的前端...