bennadel / javascript-demos Goto Github PK
View Code? Open in Web Editor NEWA collection of online demos created from blog posts.
A collection of online demos created from blog posts.
Hallo!
This part for a list of properties doesn't work correctly.
the list will be re'rendered each time if I click on refresh button with the same data. If I move the code into separate function and use directly on trackBy, then the list will be never re'rendered...
any Idea?
Outputs:
Hi,
I am new to identity server so any one can share about the below
What is the main job of 'idsvr.session' cookie and what are the information it has.
Thanks
Thomas
Curious if this could be enhanced to support inputs that have matInput so that they can be used inside a ?
My full draft tag looks like this:
<input matInput [type]="col.type" [(ngModel)]="element[col.key]" observeFiles
class="file-input" (change)="onFileSelected($event)" #fileUpload accept="video/,image/">
This function won't work in IE, it shows syntax error. You should fix it. Otherwise you did great job thank you! :)
Hi Ben,
here i want to avoid the inline style in jquery, in my jquery file lot of inline styles are there like below.
if (rate > 100)
{
pos = "inline";
}
else{
pos = "none";
}
$(".container-side").css("display", @pos);
I want to remove this inline style, how can i remove it
Could you please share your thoughts.
Regards,
Thomas
I highly appreciate sharing this .
I tried to discover how to detect the entry intersection in the middle of the screen ,yet unsuccessfully .
Lets say I want to highlight the div in the middle of the screen in some distinct way than the div(s) that are marginal.
....pseudocode ........entry intersection detect when in the middle of the screen ?
This doesn’t work in mobile browsers or maybe on iOS it doesn’t work so how to solve this?
The Moment.fromNow()
spec says
45 to 319 days | MM | 2 months ago ... 10 months ago
implying that a timespan of 319 days should return "10 months ago".
The implementation in DateHelper returns "11 months ago" for this.
I was curious if this was a known deviation from the spec?
When i try request localRectangle.left and localRectangle.top in tag input html dont work.
just FYI:
That's completely minorish issue, non-relevant to the excellent content. The schema for tsconfig.json does not allow uppercase versions string enums for 'lib', so some editors (VSCode) mark the project(s) as containing error - if they validate tsconfigs content.
http://json.schemastore.org/tsconfig
Thanks!
The issue is that your generateGrid
(https://github.com/bennadel/JavaScript-Demos/blob/master/demos/render-large-datasets-angular2-reactjs/angular.htm#L238) method creates new set of objects each time it runs. Angular 2 then has to remove the DOM and recreate all of the items for the purposes of animation. So the Angular perf test is doing a lot more then it should.
There are two ways to fix it:
gerenerateGrid
to return an array with same identities.*ngFor
(https://github.com/bennadel/JavaScript-Demos/blob/master/demos/render-large-datasets-angular2-reactjs/angular.htm#L88) to use trackBy
See: https://github.com/angular/angular/blob/master/modules/angular2/src/common/directives/ng_for.ts#L86 (It will be in beta4)Tho above should make Angular significantly faster.
More reading: mathieuancelin/js-repaint-perfs#19
Is there any way I could apply this directive into a list?
At the moment you don't carry information of which element is clicked so *ngIf="hostRectangle"
would trigger for all elements when highlighting one.
selection-range-directive-angular5 doesn't work for input/text area tags.
That would make it possible to re-use some of your example code in some business environments.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.