angular-docs-cn

History

Matias Niemelä 4f41473048 refactor(ivy): remove styling state storage and introduce direct style writing (#32591 )

This patch is a final major refactor in styling Angular.

This PR includes three main fixes:

All temporary state taht is persisted between template style/class application
and style/class application in host bindings is now removed.
Removes the styling() and stylingApply() instructions.
Introduces a "direct apply" mode that is used apply prop-based
style/class in the event that there are no map-based bindings as
well as property collisions.

PR Close #32259

PR Close #32591

2019-09-16 14:12:48 -07:00

element_text_create

refactor(ivy): improve micro-benchmark profiling (#32647 )

2019-09-12 13:06:38 -07:00

interpolation

perf(ivy): convert all node-based benchmark to use a testing harness (#32699 )

2019-09-16 09:31:15 -07:00

listeners

refactor(ivy): improve micro-benchmark profiling (#32647 )

2019-09-12 13:06:38 -07:00

map_based_style_and_class_bindings

refactor(ivy): remove styling state storage and introduce direct style writing (#32591 )

2019-09-16 14:12:48 -07:00

noop_change_detection

perf(ivy): convert all node-based benchmark to use a testing harness (#32699 )

2019-09-16 09:31:15 -07:00

property_binding

perf(ivy): convert all node-based benchmark to use a testing harness (#32699 )

2019-09-16 09:31:15 -07:00

property_binding_update

refactor(ivy): improve micro-benchmark profiling (#32647 )

2019-09-12 13:06:38 -07:00

style_and_class_bindings

refactor(ivy): remove styling state storage and introduce direct style writing (#32591 )

2019-09-16 14:12:48 -07:00

style_binding

refactor(ivy): remove styling state storage and introduce direct style writing (#32591 )

2019-09-16 14:12:48 -07:00

BUILD.bazel

perf(ivy): introduce benchmark for listeners registration (#32495 )

2019-09-12 10:27:44 -07:00

micro_bench.ts

refactor(ivy): improve micro-benchmark profiling (#32647 )

2019-09-12 13:06:38 -07:00

noop_renderer.ts

perf(ivy): introduce benchmark for listeners registration (#32495 )

2019-09-12 10:27:44 -07:00

README.md

perf(ivy): introduce a node-based micro-benchmarks harness (#32510 )

2019-09-09 15:56:41 -04:00

setup.ts

perf(ivy): binding update benchmark (#32574 )

2019-09-12 06:30:08 -04:00

README.md

Build

yarn bazel build //packages/core/test/render3/perf:{name}.min_debug.es2015.js --define=compile=aot

Run

node dist/bin/packages/core/test/render3/perf/{name}.min_debug.es2015.js

Profile

node --no-turbo-inlining --inspect-brk dist/bin/packages/core/test/render3/perf/{name}.min_debug.es2015.js

then connect with a debugger (the --inspect-brk option will make sure that benchmark execution doesn't start until a debugger is connected and the code execution is manually resumed).

The actual benchmark code has calls that will start (console.profile) and stop (console.profileEnd) a profiling session.

Notes

In all the above commands {name} should be replaced with the actual benchmark (folder) name, ex.:

build: yarn bazel build //packages/core/test/render3/perf:noop_change_detection.min_debug.es2015.js --define=compile=aot
run: time node dist/bin/packages/core/test/render3/perf/noop_change_detection.min_debug.es2015.js
profile: node --no-turbo-inlining --inspect-brk dist/bin/packages/core/test/render3/perf/noop_change_detection.min_debug.es2015.js profile