JavaScript Helper website

js-resource.md

Learn latest ES6 & ES7 properties

ES6-Features

Javascript reference

Mozilla Developer Network

Realtime Chat/Application

• Socket.IO.
• Socker IO Tutorial with React.

NPM Update plugin

NPM UPDATE

Payment related

• Card JS

Datatable - Advanced

• Expand Rows/ Rows details

SVG/Canvas

• Fabric JS

filtering/Sorting and Grid plugins

• Masonry JS
• Isotope JS
• Packery JS
• List JS
• Shuffle JS
• Filterizr
• Mixit Up

Table related

• Float Table Head

Videos

Debates

• React vs Angular 2 vs Ember

CSS and JS

• https://tympanus.net/codrops/2016/05/25/isometric-and-3d-grids/

Snippets

1. Protractor skip some test conditionally. Example code

Should add ignore function at top, and we call this ignore in it block.

var ignore = function(exp){return{it:((typeof exp==='function')?exp():exp)?function(){}:it}};

describe('Suite 1', function() {

    it("test a", function() {
        expect(1).toEqual(1);
    });

    ignore(true).it("test b", function() {
        expect(1).toEqual(1);
    });

    ignore(skip).it("test c", function() {
        expect(1).toEqual(1);
    });

    function skip(){
      return true;
    }
});

2. Protractor test hidden element, deal with hidden elements

var elm = element(by.id("myid"));
browser.executeScript(function (arguments) {
    arguments[0].style.visibility = 'visible'; 
    arguments[0].style.display = 'block';
}, elm.getWebElement());

3. Protracot to access local Storage

• Stackoverflow answer

var value = browser.executeScript("return window.localStorage.getItem('key');");
expect(value).toEqual(expectedValue);

4. Get value from trustedResourceURL

var trustedResource = $sce.trustAsResourceUrl("www.abcd.com/folder/image.png");
$sce.valueOf(trustedResource); // "www.abcd.com/folder/image.png"

5. Goto element in Angular

• $anchorScroll

   $scope.gotoBottom = function() {
      // set the location.hash to the id of
      // the element you wish to scroll to.
      $location.hash('bottom');

      // call $anchorScroll()
      $anchorScroll();
    };