Last active
October 25, 2020 09:24
-
-
Save lifeart/1d9ac0ddf31c4d22381877ee31ada2c2 to your computer and use it in GitHub Desktop.
New Twiddle
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Controller from '@ember/controller'; | |
import { action } from '@ember/object'; | |
import { tracked } from '@glimmer/tracking'; | |
export default class ApplicationController extends Controller { | |
@tracked | |
fragment = null; | |
@tracked | |
items = new Array(1000).fill(null).map((el,index)=>{ | |
return { | |
time: Date.now(), | |
id: index | |
}; | |
}); | |
@action createRef(node) { | |
this.node = node; | |
let t = Date.now(); | |
this.fragment = document.createDocumentFragment(); | |
setTimeout(()=>{ | |
this.appendFragment(); | |
setTimeout(()=>{ | |
console.log(Date.now()-t); | |
}); | |
}, 20); | |
} | |
@action appendFragment() { | |
this.node.appendChild(this.fragment); | |
} | |
@action swapItems() { | |
let item1 = this.items[1]; | |
let item2 = this.items[4]; | |
this.items[1] = item2; | |
this.items[4] = item1; | |
this.items = this.items; | |
} | |
@action onSelect() {} | |
@action onRemove() {} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"version": "0.17.1", | |
"EmberENV": { | |
"FEATURES": {}, | |
"_TEMPLATE_ONLY_GLIMMER_COMPONENTS": false, | |
"_APPLICATION_TEMPLATE_WRAPPER": true, | |
"_JQUERY_INTEGRATION": true | |
}, | |
"options": { | |
"use_pods": false, | |
"enable-testing": false | |
}, | |
"dependencies": { | |
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.js", | |
"ember": "3.18.1", | |
"ember-template-compiler": "3.18.1", | |
"ember-testing": "3.18.1" | |
}, | |
"addons": { | |
"@glimmer/component": "1.0.0", | |
"@ember/render-modifiers": "1.0.2", | |
"ember-ref-bucket": "1.2.2" | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment