共计 5 篇文章

虚拟DOM是为性能而诞生的吗?

同样的,我们还是以问题的形式开启虚拟DOM的探索 Q1: “虚拟`DOM`是什么?” - what A: “是JS和DOM之间的一个映射缓存” A: “在形态上表现为一个能够描述DOM结构及其属性信息的JS对象” 若对上述问题存在疑惑,可以先学习JSX的三个“大问题” 这一小节的内容 Q2: “`React`中的虚拟`DOM` ...

canvas入门学习草稿纸-合集

canvas入门学习草稿纸1——canvas画线和矩形 HTML中的元素canvas只支持一种原生的图形绘制:矩形。 跟着MDN教程一步一脚印。 先看一个例子,更多例子(持续更新): canvas画线 使用canvas画线,会用到ctx.stroke()。步骤一般会经历这些: ctx.beginPath()新开始一个路径 ctx.moveTo(x, y) ...

React fiber源码理解

前言 我们知道,React Fiber是React v16中新的reconciliation引擎,是React团队用时2年对Stack Reconciler版本的核心算法进行的重写。它的主要目标是实现虚拟DOM的增量渲染,可以将渲染工作拆分成块并将其分散到多个帧的能力。在新的更新到来时,可以暂停、中止或复用工作的能力,可以为不同类型的更新分配优先级顺序的能力。这是React设计的一种体现,相比于业界一些流行库在计算更新时采用的“push”方法,React坚持“pull”方法从而延迟到必要时进行计算。 ...

Regular Expression In JavaScript

正则表达式历史 最初想法在 20 世纪 40 年代,Warren McCulloch 和 Walter Pitts(两位神经生理方面的科学家)研究出了一种用数学方式来描述神经网络的新方法,创造性地将神经系统中的神经元描述成了小而简单的自动控制元。 1951 年,一位名叫 Stephen Kleene 的数学科学家在 ...

Redux 不完全实现

对于框架/库,一般倾向于去解析源码理解其实现,但假如框架/库不存在呢?那么我们是不是该有足够的脑洞去开创、去推演、去实现。 开发者应该尽量把自己的思维往这个方向去培养... 文章尝试性的反推一下Redux的实现。 目标介绍:Redux 要写Redux,是写个什么样的东西? 官方描述:A predictable state container for ...