|
@@ -156,19 +156,14 @@ ReactDOM.render(
|
|
|
这意味着当我们拖动一个widget的时候更加得心应手和自然。
|
|
|
|
|
|
|
|
|
->让我们举例说明,看看一款非常著名和出色的jQuery插件实是怎么做的
|
|
|
+看看```dragact```优化前是怎样的
|
|
|
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-再看看```dragact```优化前是怎样的
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
|
|
|
|
|
|
再看看优化以后的```dragact```是怎样的体验
|
|
|
|
|
|
-
|
|
|
+
|
|
|
|
|
|
|
|
|
这样的一种优化,带来的是拖动手感的差异,我们向下拖动物块的目的,很大程度上是因为想和下方的某一物块交换位置。
|
|
@@ -179,11 +174,11 @@ ReactDOM.render(
|
|
|
|
|
|
让我们用直观的动图来观看性能吧!
|
|
|
|
|
|
-
|
|
|
+
|
|
|
|
|
|
这是一条超过300行的大量数据,在优化前,我们可以看到,会有明显的卡顿。
|
|
|
|
|
|
-
|
|
|
+
|
|
|
|
|
|
用过react组件的优化后,依旧是一条超过300行的大量数据。
|
|
|
|