Updates from May, 2019 Toggle Comment Threads | Keyboard Shortcuts

  • shashankgee 5:40 am on 24 May 2019 Permalink | Reply  

    Difference between event.stopPropagation and event.stopImmediatePropagation() 

    event.stopPropagation will prevent handlers on parent elements from running.
    Calling event.stopImmediatePropagation will also prevent other handlers on the same element from running.

    pls refer the below link.

    Say, if you have a <table>, with <tr>, and then <td>. Now, let’s say you set 3 event handlers for the <td> element, then if you do event.stopPropagation() in the first event handler you set for <td>then all event handlers for <td> will still run, but the event just won’t propagate to <tr> or <table> (and won’t go up and up to <body><html>document, and window).

    Now, however, if you use event.stopImmediatePropagation() in your first event handler, then, the other two event handlers for <td> WILL NOT run, and won’t propagate up to <tr><table>(and won’t go up and up to <body><html>document, and window).

    Advertisements
     
  • shashankgee 2:03 am on 24 May 2019 Permalink | Reply  

    How to uninstall Angular CLI? 

    This post is to describe how to uninstall angular cli and install latest version of angular/cli

    $ npm uninstall -g @angular/cli
    $ npm cache clean
    $ npm install -g @angular/cli
    

    Notes :

    • On Windows run this using administrator
    • On Mac use sudo ($ sudo <command>)
    • If you are using npm>5 you may need to use cache verify instead. ($ npm cache verify)
     
  • shashankgee 3:58 am on 30 Jan 2019 Permalink | Reply  

    Event Bubbling or Event Capturing? 

    Event propagation:

    There are two ways of event propagation in the HTML DOM, bubbling and capturing.

    Event propagation is a way of defining the element order when an event occurs. If you have a <p> element inside a <div> element, and the user clicks on the <p> element, which element’s “click” event should be handled first?

    In bubbling the inner most element’s event is handled first and then the outer: the <p> element’s click event is handled first, then the <div> element’s click event.

    In capturing the outer most element’s event is handled first and then the inner: the <div> element’s click event will be handled first, then the <p> element’s click event.

    With the addEventListener() method you can specify the propagation type by using the “useCapture” parameter:addEventListener(eventfunctionuseCapture);

    for Reference:

    https://www.w3schools.com/js/js_htmldom_eventlistener.asp

     
  • shashankgee 7:05 am on 21 Mar 2018 Permalink | Reply  

    animate.css 

    Here you can have Animation classes you can use once import the animate.css file into your application

     

    https://daneden.github.io/animate.css/

     
  • shashankgee 9:42 am on 8 Mar 2018 Permalink | Reply  

    angular crud application 

    1. https://marinantonio.github.io/angular-mat-table-crud/
    2. https://github.com/marinantonio/marinantonio
     
c
Compose new post
j
Next post/Next comment
k
Previous post/Previous comment
r
Reply
e
Edit
o
Show/Hide comments
t
Go to top
l
Go to login
h
Show/Hide help
shift + esc
Cancel