| Category: JavaScript / Miscellaneous |
| Watchers: 5 |
| Star: 49 |
| Fork: 5 |
| Last update: Jul 4, 2022 |
Simple benchmark for testing your DOM diffing algorithm.
| Position | Library | Size | Speed |
|---|---|---|---|
|
|
udomdiff | 388B | ~18ms |
| 2 | list-difference | 281B | ~21ms |
| 3 | snabbdom | 412B | ~21ms |
| 4 | spect | 208B | ~28ms |
| 5 | heckel | 449B | ~37ms |
| 6 | stage0 | 941B | ~47ms |
Benchmark code based on the tests in udomdiff.
Ok, [hopefully] the latest spect implementation, 209b.
This version allows passing live parent.childNodes collection as a (no need for slicing), so a is optional. Also that doesn't need before, because that's forward algorithm.
Also the digits seem to be better now.
let parent = new Dommy()
const childNodes = [];
for (let i = 0; i < 100; i++) childNodes.push(new Nody(parent, i));
console.log(childNodes[0].nextSibling) // here it's end node
parent.appendChild(childNodes[1])
console.log(childNodes[0].nextSibling) // here it's childNodes[1]
Results seems quite off on my laptop (Dell XPS i7) so I wonder if there's some update needed, as I can see consistently udomdiff faster than others as overall usage.
Replace is slightly different than clear and insert as it has to first realize that it can't keep anything that's there. I thought I saw it before maybe? Was it removed?
191 bytes spect with better memory/performance profile, deflate-first strategy.
Bumps minimist from 1.2.5 to 1.2.6.
7efb22a 1.2.6ef88b93 security notice for additional prototype pollution issuec2b9819 isConstructorOrProto adapted from PRbc8ecee test from prototype pollution PRDependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase will rebase this PR@dependabot recreate will recreate this PR, overwriting any edits that have been made to it@dependabot merge will merge this PR after your CI passes on it@dependabot squash and merge will squash and merge this PR after your CI passes on it@dependabot cancel merge will cancel a previously requested merge and block automerging@dependabot reopen will reopen this PR if it is closed@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)@dependabot use these labels will set the current labels as the default for future PRs for this repo and language@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and languageYou can disable automated security fix PRs for this repo from the Security Alerts page.
Bumps glob-parent from 5.1.1 to 5.1.2.
Sourced from glob-parent's changelog.
5.1.2 (2021-03-06)
Bug Fixes
6.0.0 (2021-05-03)
⚠ BREAKING CHANGES
- Correct mishandled escaped path separators (#34)
- upgrade scaffold, dropping node <10 support
Bug Fixes
Miscellaneous Chores
- upgrade scaffold, dropping node <10 support (e83d0c5)
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase will rebase this PR@dependabot recreate will recreate this PR, overwriting any edits that have been made to it@dependabot merge will merge this PR after your CI passes on it@dependabot squash and merge will squash and merge this PR after your CI passes on it@dependabot cancel merge will cancel a previously requested merge and block automerging@dependabot reopen will reopen this PR if it is closed@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)@dependabot use these labels will set the current labels as the default for future PRs for this repo and language@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and languageYou can disable automated security fix PRs for this repo from the Security Alerts page.
Bumps lodash from 4.17.15 to 4.17.21.
f299b52 Bump to v4.17.21c4847eb Improve performance of toNumber, trim and trimEnd on large input strings3469357 Prevent command injection through _.template's variable optionded9bc6 Bump to v4.17.20.63150ef Documentation fixes.00f0f62 test.js: Remove trailing comma.846e434 Temporarily use a custom fork of lodash-cli.5d046f3 Re-enable Travis tests on 4.17 branch.aa816b3 Remove /npm-package.d7fbc52 Bump to v4.17.19This version was pushed to npm by bnjmnt4n, a new releaser for lodash since your current version.
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase will rebase this PR@dependabot recreate will recreate this PR, overwriting any edits that have been made to it@dependabot merge will merge this PR after your CI passes on it@dependabot squash and merge will squash and merge this PR after your CI passes on it@dependabot cancel merge will cancel a previously requested merge and block automerging@dependabot reopen will reopen this PR if it is closed@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)@dependabot use these labels will set the current labels as the default for future PRs for this repo and language@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and languageYou can disable automated security fix PRs for this repo from the Security Alerts page.
// insert
diff(parent,[], [e1,e3,e5], null);
diff(parent,[...parent.childNodes],[e1,e2,e3,e4,e5], null);
parent.childNodes // e1, e2, e3, e5, e4
// prepend
diff(parent,[], [e4,e5], null);
diff(parent,[e4,e5],[e1,e2,e3,e4,e5], null);
parent.childNodes // e4, e5, e1, e2, e3
That is so regardless of the last argument.
$ npm test
> [email protected] test D:\doc\prog\learn\js\vdom\js-diff-benchmark
> node --expose-gc src/bench.js
D:\doc\prog\learn\js\vdom\js-diff-benchmark\src\utils.js:29
mutations.push(`remove: drop(${oldNode.textContent})`);
^
TypeError: Cannot read property 'textContent' of undefined
at Dommy.container.removeChild (D:\doc\prog\learn\js\vdom\js-diff-benchmark\src\utils.js:29:44)
at module.exports (D:\doc\prog\learn\js\vdom\js-diff-benchmark\libs\spect.js:20:18)
at create1000 (D:\doc\prog\learn\js\vdom\js-diff-benchmark\src\utils.js:82:14)
at D:\doc\prog\learn\js\vdom\js-diff-benchmark\src\bench.js:75:20
at Array.forEach (<anonymous>)
at Object.<anonymous> (D:\doc\prog\learn\js\vdom\js-diff-benchmark\src\bench.js:58:6)
at Module._compile (internal/modules/cjs/loader.js:1147:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1167:10)
at Module.load (internal/modules/cjs/loader.js:996:32)
at Function.Module._load (internal/modules/cjs/loader.js:896:14)
TY :)
ivi has an improved reconciler after https://github.com/localvoid/ivi/commit/ab63ddb81bed2cdc984882561340b4e41f1a7e09
related: https://github.com/localvoid/ivi/pull/20#issuecomment-605412118
