BlogDocs

fix(useCssVars): fix the loss of CSS variables during updates(#9824)

Merged
Merging
Alfred-Skyblue:fix/useCssVars
(
6f9d871
) into
main
(
a6503e3
)
0%
IMPROVEMENTS
0
REGRESSIONS
0
UNTOUCHED
53
NEW
0
DROPPED
0
IGNORED
0

Benchmarks

1000 refs, 1 computed
packages/reactivity/__tests__/computed.bench.ts::computed::1000 refs, 1 computed
0%
2.6 ms
2.6 ms
create computed
packages/reactivity/__tests__/computed.bench.ts::computed::create computed
-1%
24.6 µs
24.8 µs
write independent ref dep
packages/reactivity/__tests__/computed.bench.ts::computed::write independent ref dep
+1%
33.8 µs
33.7 µs
write ref, don't read 1000 computeds (invoked)
packages/reactivity/__tests__/computed.bench.ts::computed::write ref, don't read 1000 computeds (invoked)
-2%
780.7 µs
793.7 µs
write ref, don't read 1000 computeds (never invoked)
packages/reactivity/__tests__/computed.bench.ts::computed::write ref, don't read 1000 computeds (never invoked)
+2%
38.3 µs
37.7 µs
write ref, don't read computed (invoked)
packages/reactivity/__tests__/computed.bench.ts::computed::write ref, don't read computed (invoked)
+1%
63.8 µs
63.4 µs
write ref, don't read computed (never invoked)
packages/reactivity/__tests__/computed.bench.ts::computed::write ref, don't read computed (never invoked)
+2%
33.7 µs
32.9 µs
write ref, read 1000 computeds
packages/reactivity/__tests__/computed.bench.ts::computed::write ref, read 1000 computeds
-1%
5.4 ms
5.4 ms
write ref, read computed
packages/reactivity/__tests__/computed.bench.ts::computed::write ref, read computed
0%
121.2 µs
121.2 µs
reduce *raw* array, copied, 10 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *raw* array, copied, 10 elements
0%
173.8 µs
173.6 µs
reduce *raw* array, copied, 100 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *raw* array, copied, 100 elements
0%
98.6 µs
98.5 µs
reduce *raw* array, copied, 1000 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *raw* array, copied, 1000 elements
0%
224.8 µs
224.8 µs
reduce *raw* array, manually triggered, 10 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *raw* array, manually triggered, 10 elements
+1%
324 µs
321.8 µs
reduce *raw* array, manually triggered, 100 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *raw* array, manually triggered, 100 elements
0%
103.6 µs
103.5 µs
reduce *raw* array, manually triggered, 1000 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *raw* array, manually triggered, 1000 elements
0%
233.7 µs
233.7 µs
reduce *reactive* array, 10 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *reactive* array, 10 elements
+1%
858.4 µs
850.1 µs
reduce *reactive* array, 10 elements, only change first value
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *reactive* array, 10 elements, only change first value
0%
198.7 µs
198.7 µs
reduce *reactive* array, 100 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *reactive* array, 100 elements
0%
2.4 ms
2.4 ms
reduce *reactive* array, 100 elements, only change first value
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *reactive* array, 100 elements, only change first value
0%
748.2 µs
746.2 µs
reduce *reactive* array, 1000 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *reactive* array, 1000 elements
0%
25 ms
24.9 ms
reduce *reactive* array, 1000 elements, only change first value
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *reactive* array, 1000 elements, only change first value
0%
6.4 ms
6.4 ms
reduce *readonly* array, 10 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *readonly* array, 10 elements
0%
304.2 µs
304 µs
reduce *readonly* array, 100 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *readonly* array, 100 elements
0%
1.3 ms
1.3 ms
reduce *readonly* array, 1000 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *readonly* array, 1000 elements
0%
11.7 ms
11.7 ms
1000 reactive maps, 1 computed
packages/reactivity/__tests__/reactiveMap.bench.ts::1000 reactive maps, 1 computed
0%
5.9 ms
5.9 ms
create reactive map
packages/reactivity/__tests__/reactiveMap.bench.ts::create reactive map
0%
38.2 µs
38 µs
write reactive map (10'000 items), read computed
packages/reactivity/__tests__/reactiveMap.bench.ts::write reactive map (10'000 items), read computed
0%
6.9 ms
6.9 ms
write reactive map property
packages/reactivity/__tests__/reactiveMap.bench.ts::write reactive map property
0%
50.3 µs
50.3 µs
write reactive map, don't read 1000 computeds (invoked)
packages/reactivity/__tests__/reactiveMap.bench.ts::write reactive map, don't read 1000 computeds (invoked)
0%
1.1 ms
1.1 ms
write reactive map, don't read 1000 computeds (never invoked)
packages/reactivity/__tests__/reactiveMap.bench.ts::write reactive map, don't read 1000 computeds (never invoked)
0%
44.6 µs
44.5 µs
write reactive map, don't read computed (invoked)
packages/reactivity/__tests__/reactiveMap.bench.ts::write reactive map, don't read computed (invoked)
0%
81.8 µs
81.6 µs
write reactive map, don't read computed (never invoked)
packages/reactivity/__tests__/reactiveMap.bench.ts::write reactive map, don't read computed (never invoked)
0%
36.7 µs
36.7 µs
write reactive map, read 1000 computeds
packages/reactivity/__tests__/reactiveMap.bench.ts::write reactive map, read 1000 computeds
0%
9.5 ms
9.5 ms
write reactive map, read computed
packages/reactivity/__tests__/reactiveMap.bench.ts::write reactive map, read computed
0%
132.9 µs
133 µs
1000 reactive objs, 1 computed
packages/reactivity/__tests__/reactiveObject.bench.ts::1000 reactive objs, 1 computed
0%
4.4 ms
4.4 ms
create reactive obj
packages/reactivity/__tests__/reactiveObject.bench.ts::create reactive obj
0%
33.3 µs
33.4 µs
write reactive obj property
packages/reactivity/__tests__/reactiveObject.bench.ts::write reactive obj property
0%
52.7 µs
52.6 µs
write reactive obj, don't read 1000 computeds (invoked)
packages/reactivity/__tests__/reactiveObject.bench.ts::write reactive obj, don't read 1000 computeds (invoked)
0%
804 µs
803.9 µs
write reactive obj, don't read 1000 computeds (never invoked)
packages/reactivity/__tests__/reactiveObject.bench.ts::write reactive obj, don't read 1000 computeds (never invoked)
0%
68.3 µs
68.2 µs
write reactive obj, don't read computed (invoked)
packages/reactivity/__tests__/reactiveObject.bench.ts::write reactive obj, don't read computed (invoked)
0%
87.9 µs
87.8 µs
write reactive obj, don't read computed (never invoked)
packages/reactivity/__tests__/reactiveObject.bench.ts::write reactive obj, don't read computed (never invoked)
0%
52 µs
51.9 µs
write reactive obj, read 1000 computeds
packages/reactivity/__tests__/reactiveObject.bench.ts::write reactive obj, read 1000 computeds
0%
14.5 ms
14.4 ms
write reactive obj, read computed
packages/reactivity/__tests__/reactiveObject.bench.ts::write reactive obj, read computed
0%
132.7 µs
132.6 µs
create ref
packages/reactivity/__tests__/ref.bench.ts::ref::create ref
0%
26.1 µs
26.1 µs
read ref
packages/reactivity/__tests__/ref.bench.ts::ref::read ref
0%
15 µs
15 µs
write ref
packages/reactivity/__tests__/ref.bench.ts::ref::write ref
0%
50.1 µs
50 µs
write/read ref
packages/reactivity/__tests__/ref.bench.ts::ref::write/read ref
0%
47.2 µs
47.1 µs
create watchEffect
packages/runtime-core/__tests__/apiWatch.bench.ts::create watchEffect
0%
58.7 µs
58.7 µs
create watcher
packages/runtime-core/__tests__/apiWatch.bench.ts::create watcher
0%
113.6 µs
113.8 µs
update ref to trigger watchEffect (executed)
packages/runtime-core/__tests__/apiWatch.bench.ts::update ref to trigger watchEffect (executed)
0%
114.5 µs
114.5 µs
update ref to trigger watchEffect (scheduled but not executed)
packages/runtime-core/__tests__/apiWatch.bench.ts::update ref to trigger watchEffect (scheduled but not executed)
-2%
335.2 µs
340.9 µs
update ref to trigger watcher (executed)
packages/runtime-core/__tests__/apiWatch.bench.ts::update ref to trigger watcher (executed)
-2%
424.1 µs
430.8 µs
update ref to trigger watcher (scheduled but not executed)
packages/runtime-core/__tests__/apiWatch.bench.ts::update ref to trigger watcher (scheduled but not executed)
0%
134.2 µs
134.1 µs

Commits

Click on a commit to change the comparison range
base
main
a6503e3
0%
test(useCssVars): add test case
6cc1b13
8 months ago
by Alfred-Skyblue
0%
fix: add semicolons to handle compound attributes
95af954
8 months ago
by Alfred-Skyblue
0%
chore: update cssVarText
0f654f6
8 months ago
by Alfred-Skyblue
0%
chore: change `cssVarText` to `const`
6f9d871
8 months ago
by Alfred-Skyblue
ResourcesHomePricingDocsBlogGitHub
Copyright © 2024 CodSpeed Technology SAS. All rights reserved.